在定时器中,我们有时会不断刷新页面来满足某种需求,那么有小伙伴知道有哪些方法能实现呢?这里小编整理出了几种方法:1.重装方法;2.自动刷新页面的方法;3.调用js语句;4.setInterval ,具体的操作需要大家跟我们一起往下看分析和代码示例,下面一起进入今天的学习吧。
1.重装方法,该方法强迫浏览器刷新当前页面
语法:
location.reload([bForceGet])
参数: bForceGet,可选参数,默认为false,从客户端缓存里取当前页.true,则以GET方式,从服务端取最新的页面,相当于客户端点击F5(“刷新”)
2.自动刷新页面的方法
(1)页面自动刷新:把如下代码加入区域中
<meta http-equiv="refresh" content="20"> <!-- 其中20指每隔20秒刷新一次页面.-->
(2)页面自动跳转:把如下代码加入区域中
<meta http-equiv="refresh" content="20; url="http://baidu.com"> <!--其中20指隔20秒后跳转到 http://baidu.com 页面-->
3.调用js语句
<body onload="opener.location.reload()"> <!--开窗时刷新--> <body onUnload="opener.location.reload()"> <!--关闭时刷新--> <script language="javascript"> window.opener.document.location.reload(); </script>
如果想关闭窗口时刷新或者想打开窗口时刷新的话,在中调用以上语句即可。
4.setInterval
如果我要求您每隔 4 秒打印一条消息怎么办?
虽然您可以将 setTimeout 放在循环中,但定时器 API 也提供了 setInterval 函数,这将完成永远执行某些操作的要求。
// example3.js setInterval(() => console.log("Hello every 3 seconds"), 3000);
以上就是我们在js中刷新页面的几种方法,小伙伴们学会了就开始操作了,然后选择一种最合适自己的方法,运用在以后的学习和工作中。更多js学习指路:js教程