单击时刷新页面的按钮

Question

我需要点击刷新页面的按钮.我试过这个:

<input type="button" value="Reload Page" onClick="reload">

要么

<input type="button" value="Refresh Page" onClick="refresh">

但两者都行不通!

Answer 1

使用onClick带window.location.reload() ,即:

<button onClick="window.location.reload();">Refresh Page</button>

或者history.go(0),即:

<button onClick="history.go(0);">Refresh Page</button>

或者window.location.href=window.location.href" 完全 "重新加载,即:

<button onClick="window.location.href=window.location.href">Refresh Page</button>

Answer 2

这对我有用

的HTML

    <button type="submit"  onClick="refreshPage()">Refresh Button</button>

的JavaScript

<script>
function refreshPage(){
    window.location.reload();
} 
</script>

Answer 3

<a onClick="window.location.reload()">Refresh</a>

这对我来说真的很完美。

Answer 4

我注意到这里的所有答案都使用内联onClick处理程序。通常建议将 HTML 和 Javascript 分开。

这是一个直接向按钮添加单击事件侦听器的答案。当它被点击时，它会调用location.reload这会导致页面使用当前 URL 重新加载。

const refreshButton = document.querySelector('.refresh-button');

const refreshPage = () => {
  location.reload();
}

refreshButton.addEventListener('click', refreshPage)

.demo-image {
  display: block;
}

<button class="refresh-button">Refresh!</button>
<img class="demo-image" src="https://picsum.photos/200/300">

Answer 5

虽然问题是针对的button，但如果有人想使用刷新页面<a>，你可以简单地做

<a href="./">Reload</a>

Answer 6

只需在链接上创建空引用，如下所示

 <a href="" onclick="dummy(0);return false;" >

Answer 7

<button onclick=location=URL>Refresh</button>

这可能看起来很有趣，但它确实有效。

Answer 8

仅此真实重载页面（今天）

<input type="button" value="Refresh Page" onClick="location.href=location.href">

其他人则无法完全重新加载。它们将值保留在文本框中。

Answer 9

单击以刷新页面的按钮

将onClick按钮与window.location.reload（）结合使用：

<button onClick="window.location.reload();">