Comment créer un bouton pour rafraîchir une page HTML ?

Vous pouvez utiliser JavaScript, et la méthode history.go(), pour créer un bouton pour rafraîchir une page Web.

La méthode history.go() indique au navigateur d'accéder à une page spécifique de l'historique de navigation de l'utilisateur ; ainsi si vous utilisez l'argument 0, cela aura pour effet de rafraichir la page courante.

Exemple de bouton HTML, avec la méthode JavaScript history.go(), pour créer un bouton pour rafraîchir une page Web :

<form>
<input Type="button" value="Rafraîchir la page" onClick="history.go(0)">
</form>

Une seconde méthode consiste à créer soit même une fonction qui récupère l'URL de la page courante via la méthode window.location.href, puis remplace l'URL de la page par cette même URL avec la méthode window.location.replace.

On exécute la fonction via l'évènement JavaScript onclick que l'on place sur le bouton HTML.

<input Type="button" value="Rafraîchir la page" onClick="rafraichirURL();">
<script>
function rafraichirURL() {
  var url = window.location.href;
  window.location.replace(url);
}
</script>

Remarque : il est à noter que la méthode location.replace ne stocke pas le rafraichissement de la page dans l'historique de navigation.