停止闪烁重新加载 iframe

Posted 2023-05-09

【中文标题】停止闪烁重新加载 iframe

【英文标题】：Stop flashing of reloading iframe

【发布时间】：2017-07-19 05:38:48

【问题描述】：

我创建了一个 PHP 页面，该页面每隔几秒就会使用<meta http-equiv="refresh" content="5"> 标签重新加载。我使用<iframe> 标记将此页面包含在另一个页面中。

这样做的结果是，iframe 会按预期重新加载自己，但每次它都会显示空白加载页面几毫秒。

有没有办法绕过或抑制这个？ （例如，使用 javascript？）

【问题讨论】：

最好的方法是不刷新该页面，而是根据 AJAX 调用进行部分重新加载或更新其内容。

是的，使用 ajax 获取内容并在它们进入时替换它们。您可能需要摆脱 iframe。

@E.Reutlinger 你找到解决方案了吗？

【参考方案1】：

如果您的内容不需要在 iframe 中，您可以试试这个：

<div id="container"></div>
<script>
    function load()
        $('#container').load('yourContent.php',function () 
             $(this).unwrap();
        );
    

    load(); // run it on pageload
    setInterval(function()
        load() // this will run every 5 seconds
    , 5000);
</script>

【讨论】：

感谢您的回答！我已经读过这种方式，但它从未对我有用。不知何故，它现在加载了页面，但 setInterval 函数似乎不起作用。你知道这是否也可以在移动设备上运行吗？

抱歉，这里好像出了点小问题……现在已经修好了。

不，仍然没有重新加载。 setInterval 函数似乎不适合我

你能试试下面的小提琴，告诉我它是否适合你：jsfiddle.net/hhcehmp1