DOM-window下的常用子对象-location-刷新页面

1.刷新当前页面:(通过给location.href赋值的方式)

window.location.href=""

eg:window.location.href="http://www.baidu.com"

 

2.重新加载文档:(location.reload()方法)

1)window.location.reload()window.location.reload(false)

     浏览器会先判断服务器端的文件是否发生改变。

     若改变:就会从服务器端响应数据给客户端来重新加载;

     若未改变:就会直接从客户端的缓存中加载文档。

2)window.location.reload(true)

     会直接从服务器端响应数据给客户端

 

3.使用新文档替换旧文档

  window.location.replace()

eg:window.location.replace("http://www.baidu.com")

该方法的替换是:指定URL替换当前缓存在历史记录中(客户端)的项目。所以,在使用该方法后,不能通过点击“前进”“后退”按钮来访问已经被替换的URL。

在实际应用中,在刷新页面的时候,我们通常使用location.reload()或者history.go(0)方法来实现。

 

4.加载新文档(location.assign()方法通过加载URL指定新的文档来实现页面跳转)

window.location.assign()

eg:window.location.assign("http://www.baidu.com")

 

assign()与replace()方法的区别:assign():可以点击“后退”按钮返回上一个页面

assign()与href属性的区别:href是通过控制属性来实现页面跳转的

 

备注:window.history.back(0):可以实现当前页面的刷新功能

 

posted @   MiniDuck  阅读(1178)  评论(0编辑  收藏  举报
编辑推荐:
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
历史上的今天:
2017-11-06 js -“=”“==”和“===”的区别
2017-11-06 JS快速上手-基础Javascript
点击右上角即可分享
微信分享提示