如何从iFrame中重新加载主页面

ton*_*nyf 56 javascript

在我的场景中,我在页面的iframe部分中有一个按钮,用于执行一些数据库处理.

当我按下iframe中的这个按钮时,我基本上需要的是执行主页面页面刷新的方法.

非常感谢我可以在iframe中触发的javascript,它会重新加载持有iframe的主窗口.

谢谢.托尼.

Mat*_*hen 112

window.top.location.reload();
Run Code Online (Sandbox Code Playgroud)

  • +1使用window.top确保主页面被定位. (3认同)

Sid*_*Sid 15

如果父级和子级iframe域不同,则会出现跨窗口安全性错误,在这种情况下,您可以尝试使用以下命令:

window.parent.location = document.referrer;
Run Code Online (Sandbox Code Playgroud)

  • 你是对的。当使用`window.top.location.reload();`代码从不同来源重新加载iframe中的父页面时,会产生安全错误:`阻止了一个来源为“ iframe-url-here”的框架访问跨域框架。 `但是您的示例效果很好!谢谢您的回答! (2认同)

Jef*_*den 9

window.parent.location.reload();
Run Code Online (Sandbox Code Playgroud)


小智 5

我们可以通过将 iframe 内的链接设置为 target="_parent" 来轻松实现当前目标。

就像下面的演示所示:

<!--ParentPage.htm-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
Parent Page
<iframe src="FramePage.htm"></iframe>
</body>
</html>


<!--FramePage.htm-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<a href="http://www.g.cn" target="_parent">hello</a>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)