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

Posted 2021-01-18 liuqingxia

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):可以实现当前页面的刷新功能