利用js实现进入页面首先执行刷新操作,且只刷新一次

JavaScript025

利用js实现进入页面首先执行刷新操作,且只刷新一次,第1张

js页面刷新

让页面进行刷新,可以使用 location.reload() 方法,但是这种方法会让页面一直不断的刷新。

这是因为当页面加载完成以后,我们让它刷新一次,那么浏览器就会重新向服务器请求数据,界面会重新加载,然后,加载完成又调用了location.reload()方法,这样就陷入了死循环,一直处于请求然后刷新的状态。

为了解决这样的问题,我们使用下面这种方式:

利用以上方法,在每次进入这个页面的时候,都会绕过浏览器缓存,重新向服务器获取数据。

将JS代码,插入到head区域,即可在网页打开时执行。

示例:

<html>

<head><title>test</title></head>

<script>

alert("已经开始执行函数!")

</script>

<body></body>

</html>

<html>

    <body>

        <button id="button" onclick="sendMsg()">自动执行</button>

    </body>

</html>

<script type="text/javascript">

    window.onload = function(){

        var button = document.getElementById('button')

        button.click()//执行执行点击按钮

    }

    var sendMsg = function(){

      alert('按钮已点击执行')  

    }

</script>