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ó.
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ó.
Respuestas:
Usar onClick
con 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.href
para recarga ' completa ', es decir:
<button onClick="window.location.href=window.location.href">Refresh Page</button>
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">
Use esto, funciona bien para mí para volver a cargar la misma página:
<button onClick="window.location.reload();">
<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");
}