码迷,mamicode.com
首页 > 其他好文 > 详细

页面刷新的一些方法

时间:2019-04-06 22:57:19      阅读:131      评论:0      收藏:0      [点我收藏+]

标签:刷新   refresh   功能   www   ace   服务   assign   页面跳转   replace   

页面刷新方法注意点:
 
location.reload();页面刷新,浏览器会重新向服务器端发请求,并下载资源,不会使用浏览器缓存
history.go(0)页面刷新,浏览器会重新向服务器端发请求,并下载资源,不会用浏览器缓存
 
而location.href=location.href页面刷新并且浏览器会使用缓存数据
但有一点很值得注意的地方是location.href=location.href会让html页面刷新,而其他资源即使改变了也不会及时更新,但是当资源改变并用reload更新时。浏览器可能有记忆功能,再次用location.href=location.href方式刷新,只要之前改变的资源都会再次请求及时更新。(更多的具体使用方法这里就不多说了。)
 
一、javascript页面刷新重载的方法
《a href="javascript:location.reload();">点击重新载入页面《/a》
《a href="javascript:history.go(0);"》点击重新载入页面《/a》
《a href="javascript:location=location;"》点击重新载入页面《/a》
《a href="javascript:location=location.href;"》点击重新载入页面《/a》
《a href="javascript:location.replace(location);"》点击重新载入页面《/a》
《a href="javascript:location.replace(location.href);"》点击重新载入页面《/a》
《a href="javascript:location.assign(location);"》点击重新载入页面《/a》
《a href="javascript:location.assign(location.href);"》点击重新载入页面《/a》
二、自动刷新页面的方法
《meta http-equiv="refresh" content="20"》  //代码放在head中,每隔20秒钟刷新一次
《meta http-equiv="refresh" content="20;url=http://www.haorooms.com"》 //20秒之后页面跳转到haorooms中,通常运用到404页面

页面刷新的一些方法

标签:刷新   refresh   功能   www   ace   服务   assign   页面跳转   replace   

原文地址:https://www.cnblogs.com/cq1715584439/p/10663089.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!