Кнопка, що оновлює сторінку при натисканні

Мені потрібна кнопка, яка оновить сторінку при натисканні користувача. Я спробував це:

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

Елемент кнопки - 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};

Він піде на потрібний шлях, і ви не отримаєте жодного запиту про повторне надсилання.