在iframe源页面中使用元刷新标记会导致页面刷新iframe的调用位置

Question

我找到了一个简单聊天页面的快捷方式，因为我不想使用Ajax或jQuery，因此我在源页面上使用了以下标记，例如page2.php

<meta http-equiv="refresh" content="2">
<!--And the page content goes here-->

我在page1.php

上使用了这个

<iframe src="page2.php" border="1"></iframe>

现在我的预期只有iframe才能刷新，但整个page1.php会刷新，为什么会这样？比meta refresh上声明page2.php的用途更多？实际使用iframe是否在我们使用iframe的页面中嵌入了源页面的标记？

Answer 1

不幸的是，看起来因为加载iframe的方式无法绕过这个问题。必须将iframe加载到DOM中才能使其工作，并且一旦出现，元刷新就会影响整个页面。

相反，您可以使用以下onLoad [或者，如果您在$（document）.ready（）中使用jQuery）：

setInterval(function(){ 
                        window.frames['someLogicalName'].location.reload();
            },2000);

然后调整你的iframe：

<iframe src="page2.php" name="someLogicalName" border="1"></iframe>