📅  最后修改于: 2023-12-03 15:31:41.525000             🧑  作者: Mango
在 Web 应用程序中,刷新页面是常见的操作。Javascript 提供了多种方法能够实现页面刷新,本文将包括这些方法,同时提供代码示例。
使用 location.reload
方法能够重新载入当前页面并刷新,这个方法可以接受一个布尔类型的参数。如果参数设置为 true,那么页面将会从服务器重新加载,否则,页面将会从缓存重新加载。
location.reload(); //重新载入当前页面并刷新
location.reload(true); //从服务器重新加载页面
location.reload(false); //从缓存重新加载页面
使用 location.replace
方法能够从服务器获取新的页面,并将当前页面替换成这个新页面。这个方法相当于点击了浏览器中的返回键。
location.replace("https://www.baidu.com/"); //将当前页面替换成新的百度页面
使用 location.href
方法能够将页面的 URL 重定向到另一个 URL。
location.href = "https://www.baidu.com/"; //将页面重定向到新的百度 URL
使用 history.go
方法能够在浏览器历史记录中前进或后退相对指定页面数。
history.go(-1); //后退一步
history.go(1); //前进一步
需要注意的是,location.reload()
方法在某些情况下可能不会刷新页面。例如,当页面使用了缓存并且未过期时,location.reload()
不会刷新页面。为了确保页面能够被刷新,可以使用 location.reload(true)
来从服务器重新加载页面。
本文介绍了 Javascript 刷新页面的多种方法,包括 location.reload
、location.replace
、location.href
和 history.go
等。开发者可以根据实际需求选择相应的方法来刷新页面。