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

Question

80

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

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

или

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

Но оба не работают!

Stefan Đorđević 27 апр. 2015, в 01:08

Теги:

button

reload

refresh

9 ответов

Pedro Lobito · Answer 1 · 2015-04-27T00-11-00.000Z

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

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

Или history.go(0), т.е.

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

Или window.location.href=window.location.href для полной перезагрузки, то есть:

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

в чем разница между этими тремя вариантами? Один лучше других в некоторых ситуациях?
Я не думаю, что они имеют преимущества друг перед другом, просто разные способы достижения того же.
Я не буду поднимать нос, но ";" отсутствует в конце onClick = "window.location.reload ();"

Manjunath Akalawadi · Answer 2 · 2018-05-14T07-18-00.000Z

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

HTML

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

JavaScript

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

ilias iliadis · Answer 3 · 2017-10-04T04-37-00.000Z

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

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

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

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

Thielicious · Answer 4 · 2017-06-26T19-08-00.000Z

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

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

Awais Jameel · Answer 5 · 2017-08-28T19-50-00.000Z

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

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

Hamid s k · Answer 6 · 2017-03-10T22-46-00.000Z

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

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

Richard Taylor-Kenny · Answer 7 · 2018-12-22T19-47-00.000Z

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

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

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

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

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

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

prashant kute · Answer 8 · 2018-10-25T06-14-00.000Z

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

OnClick = 'window.location.reload()'

Malatesh · Answer 9 · 2017-09-03T14-20-00.000Z

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

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