快捷搜索:  汽车  科技

js怎么自动刷新页面(很全的js刷新当前页面的方法)

js怎么自动刷新页面(很全的js刷新当前页面的方法)别的没了吧返回并刷新页面如果该方法没有规定参数,或者参数是 false,它就会用 HTTP 头 If-Modified-Since 来检测服务器上的文档是否已改变。如果文档已改变,reload() 会再次下载该文档。如果文档未改变,则该方法将从缓存中装载文档。这与用户单击浏览器的刷新按钮的效果是完全一样的。如果把该方法的参数设置为 true,那么无论文档的最后修改日期是什么,它都会绕过缓存,从服务器上重新下载该文档。这与用户在单击浏览器的刷新按钮时按住 Shift 健的效果是完全一样。replace() 方法不会在 History 对象中生成一个新的记录。当使用该方法时,新的 URL 将覆盖 History 对象中的当前记录。被replace的页面每次都在服务端重新生成。可以如下这么写:

前言

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

js怎么自动刷新页面(很全的js刷新当前页面的方法)(1)


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

location.reload

语法:location.reload(force) ;

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

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

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

location.replace

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

js怎么自动刷新页面(很全的js刷新当前页面的方法)(2)

js怎么自动刷新页面(很全的js刷新当前页面的方法)(3)

返回并刷新页面

别的没了吧

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

js怎么自动刷新页面(很全的js刷新当前页面的方法)(4)

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

  • 自动跳转:

js怎么自动刷新页面(很全的js刷新当前页面的方法)(5)

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

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

再来看看js如何刷新框架

js怎么自动刷新页面(很全的js刷新当前页面的方法)(6)

js怎么自动刷新页面(很全的js刷新当前页面的方法)(7)

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

猜您喜欢: