Question

<body id="container" onload="javascript:abc()">

 <script type="text/javascript">
    function abc(){
            setTimeout(function () {
            location.reload();
            }, 1000);

    }
 </script>

以上功能适用于所有浏览器，页面在一秒钟后刷新，但每次页面刷新后页面都会闪烁。

有没有办法只使用javascript来避免页面闪烁？

Answer 1

简而言之，没有。

您正在刷新页面，因此让浏览器再次获取所有内容。它更快速闪烁而不是加载的原因是因为所有数据都被缓存了。

您可以做的是改变您做事的方式。为什么你需要每秒刷新页面？如果要获取新的更新数据，请查看ajax。

Answer 2

   <script type="text/javascript">
        setInterval(abc, 1000);

        function abc() {
        var xhttp = new XMLHttpRequest();
        xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
        document.getElementById("container").innerHTML = this.responseText;
        }
        };
        xhttp.open("GET", "notify.asp", true);
        xhttp.send();
        }
    </script>
     <body id="container" onload="javascript:abc()">

这对我来说非常适合

如何通过使用setTimeout javascript函数避免页面刷新后页面闪烁？

2 个答案: