单击时刷新页面的按钮

时间:2015-04-26 23:05:51

标签: javascript button refresh reload

我需要点击刷新页面的按钮。 我试过这个:

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

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

但两者都不起作用!

14 个答案:

答案 0 :(得分:177)

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&#39; 完整&#39;重装,即:

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

答案 1 :(得分:4)

只有这个realy重新加载页面(今天)

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

其他人并没有完全重装。它们将值保留在文本框中。

答案 2 :(得分:4)

这对我有用

HTML

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

JavaScript

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

答案 3 :(得分:4)

我注意到这里的所有答案都使用内联onClick处理程序。通常建议将HTML和Javascript分开。

以下是将点击event listener直接添加到按钮的答案。单击后,它将调用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">

答案 4 :(得分:3)

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

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

答案 5 :(得分:2)

In [3]: class SomeClass:
   ...:     pass
   ...:

In [4]: @magic_contract
   ...: def f(a):
   ...:     """
   ...:
   ...:     :param a: Some parameter
   ...:     :type a: None|SomeClass
   ...:     """
   ...:     print(a)
   ...:

In [5]: f(None)
None

In [6]: f(SomeClass())
<__main__.SomeClass object at 0x7f1fa17c8b70>

In [7]: f(2)
...
ContractNotRespected: Breach for argument 'a' to f().
...

In [8]: @magic_contract(b='int|SomeClass')
   ...: def g(b):
   ...:     print(type(b))
   ...:

In [9]: g(2)
<class 'int'>

In [10]: g(SomeClass())
<class '__main__.SomeClass'>

In [11]: g(None)
...
ContractNotRespected: Breach for argument 'b' to g().
...

这对我来说非常适合。

答案 6 :(得分:2)

按钮,可在单击时刷新页面

在window.location.reload()中使用onClick按钮:

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

答案 7 :(得分:2)

uint8_t

或者您也可以使用

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

注意:用您要重新加载的同一页面的URL更改<form action="<same page url>" method="GET"> <button>Reload</button> </form> 。 例如: "<same page link>"

答案 8 :(得分:1)

只需在链接上创建空引用,例如以下

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

答案 9 :(得分:1)

尽管问题是针对button的,但是如果有人想使用<a>刷新页面,则只需执行

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

答案 10 :(得分:0)

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

onClick ='window.location.reload()'

答案 11 :(得分:0)

如果您要重置表单:

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

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

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

使用jQuery

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

答案 12 :(得分:0)

我不想使用 JavaScript,所以我想出了一种使用“隐藏表单”的方法。举个例子:

<form method="get" accept-charset="utf-8">
  <label for="name">Name:</label>
  <input type="text" id="name" name="name">

  <input type="submit" value="Read">
  <input type="submit" value="Reload" form="hidden_form">
</form>

<form id="hidden_form" method="get"></form>

答案 13 :(得分:-3)

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

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