Question

示例父代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Parent</title>
</head>
<body>
<iframe src="https://dl.dropboxusercontent.com/u/4017788/Labs/child.html" width="200" height="100"></iframe>
</body>
</html>

在行动中看到它：
https://googledrive.com/host/0B5jOXzxlxbMhYVF3b0lubjlDWm8/parent.html

示例子代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Child</title>
</head>
<body>
<button onclick="myFunction();">Try it!</button>
<script>
function myFunction() {
parent.location.reload();
}
</script>
</body>
</html>

我尝试过在类似问题中提供的许多方法都无济于事，例如：

window.parent.location.reload();  
top.location.reload();

等。

我错过了什么以及正确的方法是什么？

Answer 1

如果您签入Chrome浏览器控制台，则会显示附加错误，即其跨域访问问题。

请参阅错误屏幕抓取以获取详细信息。

enter image description here

查看this它对您有用。

Answer 2

我使用以下代码刷新iframe，而不刷新您可以在代码中使用的孔页面：

<script type='text/javascript'>
    setTimeout(function()
    {
      location = 'https://dl.dropboxusercontent.com/u/4017788/Labs/child.html'
    },4000) // set time for refreshing iframe as you wish I used 4000 miliseconds
    </script>

Answer 3

刚刚找到了我的问题的答案：document.referrer

子：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Child</title>
</head>
<body>
<button onclick="myFunction();">Try it!</button>
<script>
function myFunction() {
window.parent.location = document.referrer;
}
</script>
</body>
</html>

Answer 4

你可以试试这个

 <script>
    function myFunction() {
     window.parent.location=window.parent.location;
    }
    </script>

如何重新加载父框架

4 个答案: