使用包含在 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.htmlfunction refresh() {              setTimeout(function () {    parent.postMessage("reload","*");    }, 100); }在你的page1.htmlvar eventMethod = window.addEventListener ? "addEventListener" : "attachEvent";var eventer = window[eventMethod];var messageEvent = eventMethod == "attachEvent" ? "onmessage" : "message";// Listen to message from child windoweventer(messageEvent,function(e) {    var key = e.message ? "message" : "data";    var data = e[key];      location.reload},false);