Botón que actualiza la página al hacer clic

Necesito un botón que actualice la página cuando el usuario haga clic. Probé esto:

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

o

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

Pero ninguno funcionó.

Usar onClickcon window.location.reload(), es decir:

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

O history.go(0), es decir:

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

O window.location.href=window.location.hrefpara recarga ' completa ', es decir:

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

El elemento Botón - developer.mozilla.org

Esto funciona para mi

HTML

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

JavaScript

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

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

Esto realmente funciona perfecto para mí.

Solo esta página realmente recarga (hoy)

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

Otros no se recargan exactamente. Mantienen los valores dentro de los cuadros de texto.

botón que actualiza la página al hacer clic

Utilice el botón onClick con window.location.reload ():

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

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

Esto puede parecer divertido, pero realmente funciona.

Noté que todas las respuestas aquí usan en línea onClick controladores en . Generalmente se recomienda mantener HTML y Javascript separados.

Aquí hay una respuesta que agrega un detector de eventos de clic directamente al botón. Cuando se hace clic, llama a location.reload, lo que hace que la página se vuelva a cargar con la URL actual.

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

simplemente cree la referencia vacía en un enlace como el siguiente

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

Use esto, funciona bien para mí para volver a cargar la misma página:

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

Aunque la pregunta es para button, pero si alguien quiere actualizar la página usando <a>, simplemente puede hacer

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

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

O también puedes usar

<form action="<same page url>" method="GET">
<button>Reload</button>
</form>

Nota: Cambie "<same page link>"con la URL de la misma página que desea volver a cargar. por ejemplo: <form action="home.html> method="GET">

Si está buscando un restablecimiento de formulario:

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

o para restablecer otros aspectos del formulario no manejados por el navegador

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

Usando jQuery

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

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

Irá a la ruta requerida y no recibirá ningún mensaje de reenvío.