Question

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

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

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

Answer 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请求和所需的其他所有内容。

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

1 个答案: