跳转到主内容
极星编程网:以代码为星,赴技术山海!

如何用JS实现页面刷新和重新加载?

苏承栈教你用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,
                            

相关文章