Bouton qui actualise la page au clic

J'ai besoin d'un bouton qui actualisera la page au clic de l'utilisateur. J'ai essayé ceci:

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

ou

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

Mais ni l'un ni l'autre n'a fonctionné.

Utiliser onClickavec window.location.reload(), c'est-à-dire:

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

Ou history.go(0), c'est-à-dire:

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

Ou window.location.href=window.location.hrefpour un rechargement ' complet ', c'est-à-dire:

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

L'élément Button - developer.mozilla.org

Cela fonctionne pour moi

HTML

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

JavaScript

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

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

Cela fonctionne vraiment parfaitement pour moi.

Seule cette page recharge vraiment (aujourd'hui)

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

D'autres ne se rechargent pas exactement. Ils conservent les valeurs dans les zones de texte.

bouton qui rafraîchit la page au clic

Utilisez le bouton onClick avec window.location.reload ():

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

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

Cela peut sembler drôle, mais cela fait vraiment l'affaire.

J'ai remarqué que toutes les réponses ici utilisent des onClickgestionnaires en ligne . Il est généralement recommandé de séparer HTML et Javascript.

Voici une réponse qui ajoute un écouteur d'événement de clic directement au bouton. Lorsqu'on clique dessus, il appelle location.reload qui provoque le rechargement de la page avec l'URL actuelle.

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

créez simplement la référence vide sur le lien tel que suivant

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

Utilisez ceci son travail bien pour moi pour recharger la même page:

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

Bien que la question soit pour button, mais si quelqu'un veut actualiser la page en utilisant <a>, vous pouvez simplement faire

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

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

Ou vous pouvez également utiliser

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

Remarque: changez "<same page link>"avec l'url de la même page que vous souhaitez recharger. par exemple: <form action="home.html> method="GET">

Si vous recherchez une réinitialisation de formulaire:

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

ou pour réinitialiser d'autres aspects du formulaire non gérés par le navigateur

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

Utilisation de jQuery

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

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

Il ira au chemin requis et vous n'obtiendrez aucune invite de renvoi.