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

108

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

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

или

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

Но ни то, ни другое не помогло.

— Стефан Джордевич
источник

237

Используйте 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

— CONvid19
источник

2

в чем разница между этими тремя вариантами? Один лучше других в некоторых ситуациях?

— ashleedawg

Я не думаю, что у них есть преимущества друг перед другом, просто разные способы достижения одного и того же.

— CONvid19 02

1

Я не стану заворачивать нос, но буду ";" отсутствует в конце onClick = "window.location.reload ();"

— guido _nhcol.com.br_

1

Весь этот вопрос - неправильный синтаксис ... Я удивлен, что у него почти 200 голосов. Во-первых, для каждой кнопки нужен закрывающий тег, а во-вторых, значение не является атрибутом тегов кнопок, текст должен располагаться между тегом и закрывающим тегом

— Mister SirCode

@TaylorS Вы совершенно правы, я обновил ответ, спасибо.

— CONvid19

9

Это работает для меня

HTML

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

JavaScript

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

— Манджунатх Акалавади
источник

7

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

Это действительно идеально подходит для меня.

— Аваис Джамиль
источник

6

Только это действительно перезагружает страницу (сегодня)

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

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

— Илиас Илиадис
источник

Не могли бы вы объяснить, что вы имеете в виду, говоря: « Только эта действительно перезагружает страницу (сегодня) »?

— CONvid19

«Сегодня» означает день, когда я это написал (потому что каждый день что-то меняется). «Только это» относится к ответам, данным выше Педро Лобито.

— ilias iliadis

2

Все ответы на SO являются « на сегодняшний день » и могут быть обновлены, если что-то изменится, такова природа почти всего в жизни, а не только ответов.

— CONvid19

4

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

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

— Thielicious
источник

4

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

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

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

— Любовь Кумара
источник

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

Развернуть фрагмент

— вольт
источник

3

просто создайте пустую ссылку на ссылку, например, следующую

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

— Hamid sk
источник

1

Используйте это, чтобы я перезагрузил ту же страницу:

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

— прашант куте
источник

1

Хотя вопрос для button, но если кто-то хочет обновить страницу с помощью <a>, вы можете просто сделать

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

— Улыбка
источник

0

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

— Кришна Саксена
источник

-1

Если вы ищете сброс формы:

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

или для сброса других аспектов формы, не обрабатываемых браузером

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

Использование jQuery

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

— Ричард Тейлор-Кенни
источник

-5

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

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

— Малатеш
источник