使用包含在 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。我想重新加载第1页。

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);