📌  相关文章
📜  如何使用javascript使按钮重新加载页面(1)

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

如何使用JavaScript使按钮重新加载页面

当我们需要在网页上点击按钮后重新加载页面时,可以使用JavaScript编写一些代码来实现这个功能。下面是一些实现的方法:

1. location.reload() 方法

使用 location.reload() 方法可以重新加载当前页面。在按钮的点击事件中,可以添加这个方法来实现重新加载页面的功能。

<button onclick="location.reload()">重新加载页面</button>
2. location.href 方法

另一种实现方式是使用 location.href 方法。这个方法可以让页面跳转到指定的URL,在当前页面重新加载时,可以把当前页面的URL传递给 location.href 方法来实现重新加载。

<button onclick="reloadPage()">重新加载页面</button>

<script>
function reloadPage() {
  location.href = window.location.href;
}
</script>
3. history.go(0) 方法

还可以使用 history.go(0) 方法来重新加载页面。这个方法会让页面返回到最初的状态,并重新加载页面。

<button onclick="history.go(0)">重新加载页面</button>
4. location.replace() 方法

使用 location.replace() 方法可以让页面跳转到一个新的URL地址,并且在浏览器的历史记录中不留下任何痕迹。这个方法也可以用来重新加载当前页面。

<button onclick="location.replace(window.location.href)">重新加载页面</button>

以上四种方法都可以实现重新加载页面的功能,开发者可以根据具体情况选择适合自己的方式来实现。