web前台入门到实战:js刷新当前页面的5种方式

作者 : 开心源码 本文共954个字,预计阅读时间需要3分钟 发布时间: 2022-05-13 共227人阅读

强制刷新当前页面

1、reload – 强迫浏览器刷新当前页面

location.reload([bForceGet])   //重新加载当前文档

bForceGet, 可选参数, 默认为 false,从用户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面, 相当于用户端点击 F5(“刷新”)

2、replace — 通过指定URL替换当前缓存在历史里(用户端)的项目,因而当使用replace方法之后,你不能通过“前进”和“后退”来访问已经被替换的URL。

location.replace(location.href);  //在服务端重新生成

当调用 location.reload() 方法时, aspx页面此时在服务端内存里已经存在, 因而必定是 IsPostback 的。 假如有这种应用: 需要重新加载该页面,也就是说期望页面能够在服务端重新被创立,期望是 Not IsPostback 的。这里,location.replace() 即可以完成此任务。被replace的页面每次都在服务端重新生成。

3,history.go(0)
4,location=location
5,location.assign(location)
6,document.execCommand(‘Refresh‘)
7,window.navigate(location)
8,document.URL=location.href

自动刷新页面:

<meta http-equiv="refresh" content="20"> //每隔20秒刷新一次页面. web前台开发学习Q-q-u-n: 731771211,分享学习的方法和需要注意的小细节,不停升级最新的教程和学习方法(从零基础开始到前台项目实战教程,学习工具,职业规划 )

页面自动跳转

<meta http-equiv="refresh" content="20;url=http://www.jb51.net"> //隔20秒后跳转到http://www.jb51.net页面 

关闭窗口时刷新或者者想开窗时刷新的话,在<body>中调用以下语句就可

<body onload="opener.location.reload()"> 开窗时刷新 <body onUnload="opener.location.reload()"> 关闭时刷新 
说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » web前台入门到实战:js刷新当前页面的5种方式

发表回复