使用onclick函数重新加载页面，该函数包含在iframe页面中

Question

在page1 iframe page2 中，我有两个名称为page1.html和page2.html.的页面

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

page2包含一些带有标签的链接。现在我想当有人点击任何链接我的页面1重新加载。我在第2页使用这个功能：

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

但是它重新加载页面2。我想重新加载第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);

阅读此博客了解详细信息