很全的js刷新当前页面的方法!总有你需要的!

jk 1年前 ⋅ 5391 阅读

源于:今日头条(查看原文)

前言

刷新页面是我们前端er经常做的事情,用js刷新方法还是很多的,本文整理下。

很全的js刷新当前页面的方法!总有你需要的!


这里重点说下下面两个方法:

location.reload

语法:location.reload(force) ;

参数: force, 可选参数, 默认为 false。

如果该方法没有规定参数,或者参数是 false,它就会用 HTTP 头 If-Modified-Since 来检测服务器上的文档是否已改变。如果文档已改变,reload() 会再次下载该文档。如果文档未改变,则该方法将从缓存中装载文档。这与用户单击浏览器的刷新按钮的效果是完全一样的。

如果把该方法的参数设置为 true,那么无论文档的最后修改日期是什么,它都会绕过缓存,从服务器上重新下载该文档。这与用户在单击浏览器的刷新按钮时按住 Shift 健的效果是完全一样。

location.replace

replace() 方法不会在 History 对象中生成一个新的记录。当使用该方法时,新的 URL 将覆盖 History 对象中的当前记录。被replace的页面每次都在服务端重新生成。可以如下这么写:

很全的js刷新当前页面的方法!总有你需要的!

很全的js刷新当前页面的方法!总有你需要的!

返回并刷新页面

注意,history.go(-1)或者 history.back()不会刷新页面。

其他 :

很全的js刷新当前页面的方法!总有你需要的!

别的没了吧

下面来来看看自动刷新页面的方法总结:

  • 自动刷新:

很全的js刷新当前页面的方法!总有你需要的!

把上面代码加入<head>区域,其中20指每隔20秒刷新一次页面

  • 自动跳转:

很全的js刷新当前页面的方法!总有你需要的!

把上面代码加入<head>区域,其中20指隔20秒后跳转到百度

  • 也可以自己利用上边总结的方法自己封装一个刷新

再来看看js如何刷新框架

很全的js刷新当前页面的方法!总有你需要的!

很全的js刷新当前页面的方法!总有你需要的!

关闭窗口时刷新或者打开窗时刷新


全部评论: 0

    我有话说: