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

2021-07-02 19:12

阅读:677

标签:缓存   点击   dom   ref   .com   服务器   color   新功能   www.   

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

 

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

标签:缓存   点击   dom   ref   .com   服务器   color   新功能   www.   

原文地址:https://www.cnblogs.com/liuqingxia/p/9917814.html


评论


亲,登录后才可以留言!