苏承栈教你用JS玩转页面刷新和重新加载
Hey,程序员们,今天咱们来聊聊JavaScript中的页面刷新和重新加载小技巧。不管是前端开发还是日常调试,这些方法都能派上大用场。准备好了吗?让我们一起来看看吧!
一、刷新或重新加载当前页面
想要刷新当前页面,有以下几种方法:
- history.go(0)
- location.reload()
- location=location
- location.assign(location)
- document.execCommand('Refresh')
- window.navigate(location)
- location.replace(location)
- document.URL=location.href
1、reload 方法
这个方法最常用,语法如下:
location.reload([forceGet])
参数 forceGet 是可选的,默认为 false,它会从客户端缓存里取当前页。如果你设置为 true,就会以 GET 方式从服务端取最新的页面,相当于客户端点击 F5。
2、 replace 方法
这个方法用来替换当前缓存在历史里的项目,语法如下:
location.replace(URL)
使用这个方法之后,你不能通过“前进”和“后退”来访问已经被替换的 URL。通常使用 location.reload() 或者 history.go(0) 来刷新当前页面。
例:
location.replace(location.href);
二、返回并刷新前一个页面
如果你想返回并刷新前一个页面,可以使用以下代码:
window.open(document.referrer,
