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


How to refresh iframe after regular interval in html

我想自动刷新加载php页面的iframe,但它刷新整个页面,而不是刷新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>

试试这个:

<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。

<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>

希望这个脚本对你有所帮助:

<script>
window.setInterval("reloadIFrame();", 30000);
function reloadIFrame() {
    document.frames["myiframe"].location.reload();
}
</script>

和iframe的HTML代码为:

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