如何从另一个iFrame中清除iFrame的内容

如何从另一个iFrame中清除iFrame的内容

如何从另一个iFrame中清除iFrame的内容

我wrapperPage.html和一个<iframe class="header"和<iframe class="pageBody"。在header有一个链接，<a class="clearLink"点击时应该清除内容pageBody。

到目前为止，上述想法的以下实现不起作用。请帮我解决这个问题。

请注意，header并且pageBody每个都从不同的包含文件加载。

wrapperPage.html

<div class=non-floater>
    <iframe class="header" src="header.html"></iframe>
    <iframe class="pageBody" src="pageBody.html" /> </div>

header.html：

<script type="text/javascript">
    $(document).ready(function() {
        $(".clearLink").on("click", function() {
            $('.pageBody').contents().find("body").html('');
        });
    });</script><a class="clearLink" href="#">Navigation Button</a>

pageBody.html：

<div class="panel-body">This is the body</div>

明月笑刀无情

浏览 1212回答 2

2回答

墨色风雨

尝试使用频道消息wrapperPage.html<body><div class=non-floater>     <iframe class="header" src="header.html"></iframe>     <iframe class="pageBody" src="pageBody.html" /> </div><script>   var channel = new MessageChannel();   var header = $(".header")[0].contentWindow;   var pageBody = $(".pageBody")[0].contentWindow;   header.onload = function() {     this.postMessage("","*", [channel.port2])   };   channel.port1.onmessage = function(e) {     if (e.data === "clicked") {       $(pageBody.document.body).html("")     }   }</script></body>header.html<body><a class="clearLink" href="#">Navigation Button</a><script>   var port;   onmessage = function(e) {     port = e.ports[0];   }   $(".clearLink").on("click", function(e) {       port.postMessage("clicked");   });</script></body>

0

0

回首忆惘然

您可以从iFrame获取主窗口的引用，如下所示： Window.Parent引用然后，您可以指定一个事件来捕获主窗口中的触发器或函数（或仅在其他iFrame中）来管理它。例如：在pageBody.html中编写与自定义事件关联的函数。从header.htmliFrame中的点击功能获取窗口参考。搜索已分配自定义事件的目标元素。点燃活动我希望它可以帮到你。

0

0

随时随地看视频慕课网APP

相关问题

为什么字体颜色在Eclipse上没有变化 2 回答

相关分类

JavaScript
JQuery
Html/CSS: 为什么字体颜色在Eclipse上没有变化 2 回答