单击后刷新页面的按钮

我需要一个按钮，它将在用户单击时刷新页面。我尝试了这个：

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

要么

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

但是两者都没有。

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>

Button元素-developer.mozilla.org

这对我有用

的HTML

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

的JavaScript

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

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

这对我来说真的很完美。

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

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

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

单击后刷新页面的按钮

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

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

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

这可能看起来很有趣，但确实可以解决问题。

我注意到这里所有的答案都使用内联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">

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

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

使用它对我来说很好，可以重新加载同一页面：

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

虽然这个问题是针对的button，但是如果有人想使用刷新页面<a>，则只需

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

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

或者你也可以使用

<form action="<same page url>" method="GET">
<button>Reload</button>
</form>

注意："<same page link>"使用要重新加载的同一页面的URL进行更改。例如： <form action="home.html> method="GET">

如果您要重置表单：

<input type="reset" value="Reset Form Values"/>

或重置浏览器无法处理的表单的其他方面

<input type="reset" onclick="doFormReset();" value="Reset Form Values"/>

使用jQuery

function doFormReset(){
    $(".invalid").removeClass("invalid");
}

window.opener.location.href ='workItem.adm?wiId='+${param.wiId};

它将转到所需的路径，并且您不会收到任何重新发送提示。