美文网首页
页面刷新方法总结

页面刷新方法总结

作者: EldonZhao | 来源:发表于2017-06-11 14:15 被阅读142次

    开发过程中遇到需要主动刷新页面的需求,这里做一下整理,总结几种使用js刷新页面的方法。

    一、reload:

    使用reload强迫刷新页面,语法为:

    location.reload([bForceGet])
    

    其中bForceGet为可以选参数,默认为false,表示从客户端缓存里面取当前页;true则表示一GET方式从服务端取最新的页面,相当于客户端点击F5

    二、replace:

    该方法通过指定URL替换当前缓存在客户端历史里的项目,因此当使用replace方法后,不能通过“前进”和“后退”来访问已经被替换的URL。语法为:

    location.replace(document.referer)
    

    不要用history.go(-1)或者history.back()来返回并刷新页面,这两种方法并不会刷新页面。

    三、自动刷新页面的方法:

    • html实现:
    <meta http-equiv="refresh" content="20">
    <!-- 每隔20秒刷新一次页面 -->
    
    • javascript实现:
    <script language="JavaScript">
    function refresh()
    {
      window.location.reload();
    }
    setTimeOut('refresh', 1000);//1秒刷新一次
    </script>
    

    参考资料:

    相关文章

      网友评论

          本文标题:页面刷新方法总结

          本文链接:https://www.haomeiwen.com/subject/axqwfxtx.html