Кнопка, обновляющая страницу при нажатии

Мне нужна кнопка, которая обновит страницу по щелчку пользователя. Я пробовал это:

<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">

Остальные точно не перезагружаются. Они хранят значения внутри текстовых полей.

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

Это может показаться смешным, но это действительно главное.

кнопка, которая обновляет страницу при нажатии

Используйте кнопку onClick с window.location.reload ():

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

Я заметил, что все ответы здесь используют встроенный 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};

Он перейдет по нужному пути, и вы не получите запроса на повторную отправку.