刷新当前页面(快捷键、JS代码、浏览器故障排除) 您所在的位置:网站首页 js刷新当前窗口 刷新当前页面(快捷键、JS代码、浏览器故障排除)

刷新当前页面(快捷键、JS代码、浏览器故障排除)

2023-06-29 01:08| 来源: 网络整理| 查看: 265

释放双眼,带上耳机,听听看~! 前言

刷新页面是我们前端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代码、浏览器故障排除)

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

自动跳转:

刷新当前页面(快捷键、JS代码、浏览器故障排除)

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

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

再来看看js如何刷新框架

刷新当前页面(快捷键、JS代码、浏览器故障排除)

刷新当前页面(快捷键、JS代码、浏览器故障排除)

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

声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,请提交工单举报,一经查实,本站将立刻删除。


【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有