📅  最后修改于: 2023-12-03 15:23:58.734000             🧑  作者: Mango
当我们需要在网页上点击按钮后重新加载页面时,可以使用JavaScript编写一些代码来实现这个功能。下面是一些实现的方法:
使用 location.reload()
方法可以重新加载当前页面。在按钮的点击事件中,可以添加这个方法来实现重新加载页面的功能。
<button onclick="location.reload()">重新加载页面</button>
另一种实现方式是使用 location.href
方法。这个方法可以让页面跳转到指定的URL,在当前页面重新加载时,可以把当前页面的URL传递给 location.href
方法来实现重新加载。
<button onclick="reloadPage()">重新加载页面</button>
<script>
function reloadPage() {
location.href = window.location.href;
}
</script>
还可以使用 history.go(0)
方法来重新加载页面。这个方法会让页面返回到最初的状态,并重新加载页面。
<button onclick="history.go(0)">重新加载页面</button>
使用 location.replace()
方法可以让页面跳转到一个新的URL地址,并且在浏览器的历史记录中不留下任何痕迹。这个方法也可以用来重新加载当前页面。
<button onclick="location.replace(window.location.href)">重新加载页面</button>
以上四种方法都可以实现重新加载页面的功能,开发者可以根据具体情况选择适合自己的方式来实现。