Javascript 如何修复导致页面在初始加载时空白的页面刷新，其持续时间与刷新间隔相同？_Javascript_Partial Page Refresh

Javascript 如何修复导致页面在初始加载时空白的页面刷新，其持续时间与刷新间隔相同？

javascript

Javascript 如何修复导致页面在初始加载时空白的页面刷新，其持续时间与刷新间隔相同？,javascript,partial-page-refresh,Javascript,Partial Page Refresh,我想创建一个页面，定期（例如每10秒）更新其内容我有以下代码可以工作，但它也会导致页面在初始页面加载时空白10秒 <html> <head> <script> window.setInterval("refreshDiv()", 10000); function refreshDiv() { document.getElementById("

我想创建一个页面，定期（例如每10秒）更新其内容

我有以下代码可以工作，但它也会导致页面在初始页面加载时空白10秒

<html>
    <head>
        <script>  
            window.setInterval("refreshDiv()", 10000);  
            function refreshDiv() {   
                document.getElementById("test").innerHTML = "<iframe src='website' style='width:100%; height:100%;'></iframe>";  
            }  
        </script>  
    </head>
    <body>
        <div id="staticBlock">  
            text
        </div>
        <div id="test" style="width:100%; height:100%; border:1px solid #000;">

        </div>
    </body>
</html>


setInterval（“refreshDiv（）”，10000）；
函数refreshDiv（）{
document.getElementById（“test”）.innerHTML=“”；
}  
文本

如何让内容立即加载，并使用此代码每10秒刷新一次？

在声明内容后调用

refreshDiv（）

<script>  
    window.setInterval("refreshDiv()", 10000);  
    function refreshDiv(){   
        document.getElementById("test").innerHTML = "<iframe src='website' style='width:100%; height:100%;'></iframe> ";  
    }  
    refreshDiv();
</script>


setInterval（“refreshDiv（）”，10000）；
函数refreshDiv（）{
document.getElementById（“test”）.innerHTML=“”；
}  
refreshDiv（）；

设置

refreshDiv

在站点加载后调用

<script>  
    window.setInterval("refreshDiv()", 10000);  
    function refreshDiv(){   
        document.getElementById("test").innerHTML = "<iframe src='website' style='width:100%; height:100%;'></iframe> ";  
    }  
    window.addEventListener('load', refreshDiv);
</script>


setInterval（“refreshDiv（）”，10000）；
函数refreshDiv（）{
document.getElementById（“test”）.innerHTML=“”；
}  
window.addEventListener（'load'，refreshDiv）；

如果您不想使用Ajax，更好的办法是将

函数refreshDiv（）

包装在

（）

中，如下所示：

<script>
    window.setInterval(refreshDiv, 10000); // You can also directly point to the function
    (function refreshDiv(){
        document.getElementById("test").innerHTML = "<iframe src='website' style='width:100%; height:100%;'></iframe> ";  
    })();
</script>


window.setInterval（refreshDiv，10000）；//也可以直接指向函数
（函数refreshDiv（）{
document.getElementById（“test”）.innerHTML=“”；
})();

调用refreshDiv（）？接受大卫的建议。。。这不是一个好的方向。直到

window.setInterval（“refreshDiv（）”，10000）实际上可以工作，Javascript很奇怪。我该如何使用Ajax来实现这一点呢？好吧，基本上你也想编写服务器端脚本，但你所要做的就是请求远程内容并替换页面内容。-这是非常重要的，我建议在网上使用预先编写的脚本。在谷歌上查找它们。你知道，这很有道理，但出于某种原因，它对我不起作用。即使初始页面内容和要刷新的内容是相同的，这个解决方案会起作用吗？@user3846962我不太清楚你的意思，但是，如果将相同的内容加载到iframe中，则不会创建无限循环，因为浏览器会阻止它。此外，如果URL不包含缓存控制头，则还需要添加随机字符串：“…src='website？rnd=“+Math.random（）+”…”