Javascript 浏览器应不断刷新iframe--不工作_Javascript_Iframe

Javascript 浏览器应不断刷新iframe--不工作

javascript iframe

Javascript 浏览器应不断刷新iframe--不工作,javascript,iframe,Javascript,Iframe,我有一个显示网络状态的页面。大约1分钟后，它会自我刷新。但当它无法加载页面时，它只会显示空白页面，即使可以加载页面也会保持空白为了解决这个问题，我将这个网络状态页面（status.php）放在一个iframe中，并且父页面（index.html）应该在1-2分钟后继续在iframe中重新加载网络状态页面我编写了以下代码： <!DOCTTYPE html> <head> <script> console.log("Running window.log")

我有一个显示网络状态的页面。大约1分钟后，它会自我刷新。但当它无法加载页面时，它只会显示空白页面，即使可以加载页面也会保持空白

为了解决这个问题，我将这个网络状态页面（status.php）放在一个iframe中，并且父页面（index.html）应该在1-2分钟后继续在iframe中重新加载网络状态页面

我编写了以下代码：

<!DOCTTYPE html>
<head>

<script>

console.log("Running window.log");
window.setInterval(function(){
reloadIFrame();
}, 10000);

function reloadIFrame() {
console.log("reloaded the frame");
 window.frames[0].location.reload();
}

</script>
</head>

<body>
<iframe  frameborder=0 name="frame11" width="100%" height="100%" src="status.php">
</iframe>


log（“Running window.log”）；
setInterval（函数（）{
重载帧（）；
}, 10000);
函数重载框架（）{
log（“重新加载框架”）；
window.frames[0]。location.reload（）；
}

现在，当我禁用网络连接时，这个页面（index.html）将变为空白，在Chrome上显示：“Internet连接已丢失。”控制台中显示消息：

未捕获的安全性错误：阻止了具有原点的帧 “”访问具有原点的帧 “空”。请求访问的帧具有“http”协议，即正在访问的帧具有“数据”协议。协议必须匹配

如何解决这个问题？该父页面应继续加载子帧，并且无论是否存在网络连接，至少父帧应工作。

此代码使其工作：

window.setInterval(function(){
reloadIFrame();
}, 90000);

function reloadIFrame() {

var url = "status.php"+"?rand="+new Date().getTime();

$.get( url, function( data ) {
  $( "#frame1" ).html( data );
  $("#frame1").contents().find('html').html(data);

});
}

傻瓜式的方法是从DOM中删除iframe并再次添加。您是否尝试过非javascript解决方案，在

标题中的行
？在断开连接一段时间并重新连接网络后，页面是否会保持不变并返回？