📜  刷新页面 javascript (1)

📅  最后修改于: 2023-12-03 15:36:57.736000             🧑  作者: Mango

刷新页面 JavaScript

刷新页面在 Web 开发中是非常常见的一项操作。JavaScript 提供了几种方式可以实现在页面中刷新或重新加载网站。本文将介绍如何使用 JavaScript 来实现在网页中刷新页面的几种方法。

location.reload() 方法

location 是 JavaScript 中一个内置对象,代表当前页面URL。通过 location.reload() 方法可以重新加载网站。该方法其实就是在当前 URL 上执行一次重新加载。

location.reload(); // 刷新页面

此方法没有参数,直接调用就可以了。

location.href 方法

通过 location.href 方法可以实现跳转到当前页面的 URL,从而实现网站的重新加载。这种方法比较直接,但是在进行跳转之前需要对 URL 进行字符串处理。

location.href = window.location.href;

window.location.href 写入 location.href 中即可刷新页面。

location.replace() 方法

location.replace() 方法可以实现用一个新的页面替换当前的页面,从而实现网站的重新加载。这个方法会在浏览器的历史记录中推出旧的页面。

location.replace(location.href)

这个方法的参数是新页面的 URL,但是如果使用 location.replace(location.href) 就可以直接实现刷新页面的效果。

location.assign() 方法

location.assign() 方法可以实现链接到一个新的页面,从而实现网站的重新加载。

location.assign(window.location.href);

location.assign() 中写入 window.location.href 将会跳转到当前页面URL,并刷新页面。

location.reload(true) 方法

location.reload(true) 方法可以实现在重新加载页面时强制使用浏览器缓存而不是从服务器重新加载。

location.reload(true); // 使用缓存

如果需要使用浏览器缓存,只需将 location.reload() 换成 location.reload(true)

以上就是使用 JavaScript 刷新页面的几种方法,具体使用需要根据具体情况来选择不同的方法。