Question

我想自动刷新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>

Answer 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的重复点击。希望这会帮助你。

Answer 2

希望这个脚本可以帮到你：

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

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

</script>

和iframe的html代码是：

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

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

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

3 个答案: