如何在html中定期间隔后刷新iframe答案

【问题标题】：How to refresh iframe after regular interval in html如何在html中定期间隔后刷新iframe
【发布时间】：2015-08-28 03:57:35
【问题描述】：

我想自动刷新 iframe 加载 php 页面，但它刷新整个页面而不是仅刷新 iframe。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Fouad Ali</title>
<script>
var links = "/proj/index.php";
var i = 0;
var renew = setInterval(function(){
    document.getElementById("foo").src = links;        
  // alert("refreshed");
},5000);
</script>
</head>

<body>
<iframe id="foo" src="/proj/index.php"></iframe>
</body>
</html>

【问题讨论】：

Reload an iframe with jQuery 的可能重复项
但是它刷新了整个页面而不是只刷新 iframe。 - 你是说你发布的代码刷新了整个页面？
我只想刷新正在加载 php 页面的 iframe。实际上我想刷新 php 页面，这就是我刷新 iframe 的原因。

标签： javascript php jquery html iframe

【解决方案1】：

试试这个：

<script>
   var src = $('#foo').attr('src');
   setInterval(function () {
        $('#foo').remove();
        var iframe_html = '<iframe src="'+ src +'" width="100%" height="100%"></iframe>';
        $('#iframe').html(iframe_html);
    }, 1000);
</script>
<span id="iframe">
    <iframe id="foo" src="http://www.google.com" width="100%" height="100%"></iframe>
</span>

如果您使用任何服务器端语言，页面将始终看起来像是在刷新自己，但如果您检查页面的网络调用，它会显示您的页面的一次点击和 iframe src 的重复点击。希望对您有所帮助。

【讨论】：

【解决方案2】：

希望此脚本对您有所帮助：

<script>
window.setInterval("reloadIFrame();", 30000);

function reloadIFrame() {
    document.frames["myiframe"].location.reload();
}

</script>

iframe 的 html 代码是：

<iframe name="myiframe" src="/proj/index.php"></iframe>

【讨论】：

你能给我一个工作小提琴吗，因为我不知道为什么它在 chrome 版本 44 中不适合我
@nagi：我在 phonegap 项目中使用了这行代码。它对我来说很好。我对此没有任何意见。但是如果你把你的代码发给我，我可以检查那个

【解决方案3】：

<script type="text/javascript">
   setInterval(refreshIframe, 5000);
   function refreshIframe() {
       var frame = document.getElementById("Frame");
       frame.src = frame.src;
   }
</script>

<iframe id="Frame" src="http://www.aspforums.net" frameborder="0"></iframe>

【讨论】：