首頁猿問如何從另一個iFrame中清除iF...

如何從另一個iFrame中清除iFrame的內(nèi)容

JavaScript JQuery Html/CSS

明月笑刀無情 2019-08-23 10:26:18

如何從另一個iFrame中清除iFrame的內(nèi)容我wrapperPage.html和一個<iframe class="header"和<iframe class="pageBody"。在header有一個鏈接，<a class="clearLink"點(diǎn)擊時應(yīng)該清除內(nèi)容pageBody。到目前為止，上述想法的以下實(shí)現(xiàn)不起作用。請幫我解決這個問題。請注意，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>

查看完整描述

2 回答

墨色風(fēng)雨

TA貢獻(xiàn)1853條經(jīng)驗(yàn) 獲得超6個贊

嘗試使用頻道消息

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>

反對回復(fù) 2019-08-23

回首憶惘然

TA貢獻(xiàn)1847條經(jīng)驗(yàn) 獲得超11個贊

您可以從iFrame獲取主窗口的引用，如下所示： Window.Parent引用

然后，您可以指定一個事件來捕獲主窗口中的觸發(fā)器或函數(shù)（或僅在其他iFrame中）來管理它。

例如：

在pageBody.html中編寫與自定義事件關(guān)聯(lián)的函數(shù)。
從header.htmliFrame中的點(diǎn)擊功能獲取窗口參考。
搜索已分配自定義事件的目標(biāo)元素。
點(diǎn)燃活動

我希望它可以幫到你。

反對回復(fù) 2019-08-23

2 回答
0 關(guān)注
1255 瀏覽

關(guān)注

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

如何從另一個iFrame中清除iFrame的內(nèi)容

如何從另一個iFrame中清除iFrame的內(nèi)容

2 回答

相關(guān)問題推薦

添加回答

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

如何從另一個iFrame中清除iFrame的內(nèi)容

如何從另一個iFrame中清除iFrame的內(nèi)容

2 回答

相關(guān)問題推薦

添加回答