从 iframe 重新加载父页面上的 div答案

【问题标题】：Reload div on parent page from iframe从 iframe 重新加载父页面上的 div
【发布时间】：2012-11-12 04:25:21
【问题描述】：

所以，我正在制作一个小型应用程序，但遇到了问题。基本上，我有一个由标题和 iframe 组成的页面。应用程序本身在 iframe 中运行，而标头保持不变，但这就是问题所在。标题显示来自应用程序更新的数据库中的一些数据。为了使标题中的数据保持最新，我需要在 iframe 中单击按钮时刷新它。所以我的问题是——有可能吗？是否可以从 iframe 重新加载父页面中的 div 元素？我现在只有这个 jQuery：

var auto_refresh = setInterval(function()
     $('#stats').load('reload.php');
}, 5000);

每 5 秒重新加载一次我的 div，但我不知道在一段时间后自动重新加载一个 div 是否是个好主意。好吧，我希望你们能理解我的问题。 :)

【问题讨论】：

Refresh div on parent page from iframe using jquery 的可能重复项

标签： javascript jquery

【解决方案1】：

您可以从 iframe 访问父窗口（=主窗口），这不是问题。

<html>
<body>
    <div id="myDiv"></div>
    <iframe src="myFrame.htm"></iframe>
</body>
</html>

myFrame.htm:

<script>
    parent.document.getElementById('myDiv').innerHTML = "whatever you want";
</script>

如果您愿意，您可以执行 ajax 请求和您需要的所有其他操作，只要不违反某些来源策略（域、端口和协议必须匹配）。

【讨论】：

哦，谢谢！似乎这会奏效。不知道答案就这么简单，但话说回来，我还是 JavaScript 的新手。 :)