使用包含在 iframe 頁面中的 onclick 功能重新加載頁面

Question

我有兩個名為 page1.html 和 page2.html 的頁面。 在第 1 頁 iframe 第 2 頁

<iframe width="100%" height="100%" src="page2.html" frameborder="0"></iframe>

page2 包括一些帶有標簽的鏈接。 現在我想要當有人點擊任何鏈接我的 page1 重新加載。 我在 page2 中使用它來實現 onclick 功能：

function refresh() {              
setTimeout(function () {
  location.reload()
    }, 100);
 }

但它會重新加載 page2。 我想重新加載 page1。

Answer 1

使用消息。 在你的page2.html

function refresh() {              
setTimeout(function () {
    parent.postMessage("reload","*");
    }, 100);
 }

在你的page1.html

var eventMethod = window.addEventListener ? "addEventListener" : "attachEvent";
var eventer = window[eventMethod];
var messageEvent = eventMethod == "attachEvent" ? "onmessage" : "message";

// Listen to message from child window
eventer(messageEvent,function(e) {
    var key = e.message ? "message" : "data";
    var data = e[key];
      location.reload

},false);

閱讀此博客了解詳細信息