Bouton qui actualise la page au clic

108

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é.

— Stefan Đorđević
source

237

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

— CONvid19
source

2

quelle est la différence entre ces trois options? L'un est-il meilleur que les autres dans certaines situations?

— ashleedawg

Je ne pense pas qu'ils aient des avantages les uns sur les autres, juste des façons différentes de faire la même chose.

— CONvid19

1

Je ne tournerai pas le nez mais un ";" est manquant à la fin de onClick = "window.location.reload ();"

— guido _nhcol.com.br_

1

toute cette question est une syntaxe incorrecte ... Je suis surpris qu'il y ait près de 200 votes positifs. Premièrement, le bouton a besoin d'une balise de fermeture dans chacun, et deuxièmement, la valeur n'est pas un attribut des balises de bouton, le texte doit passer entre la balise et la balise de fermeture

— Mister SirCode

@TaylorS Vous avez tout à fait raison, j'ai mis à jour la réponse, merci.

— CONvid19

10

Cela fonctionne pour moi

HTML

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

JavaScript

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

— Manjunath Akalawadi
source

7

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

Cela fonctionne vraiment parfaitement pour moi.

— Awais Jameel
source

6

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.

— ilias iliadis
source

Pouvez-vous expliquer ce que vous entendez par: " Seule cette page recharge réellement (aujourd'hui) "?

— CONvid19

«Aujourd'hui» signifie le jour où je l'ai écrit (parce que chaque jour quelque chose change). "Seulement ceci" est pertinent pour les réponses données ci-dessus par Pedro Lobito.

— ilias iliadis

2

Toutes les réponses sur SO sont «à partir d'aujourd'hui » et sujettes à être mises à jour si quelque chose change, c'est la nature de presque tout dans la vie, pas seulement des réponses.

— CONvid19

5

bouton qui rafraîchit la page au clic

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

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

— Aime Kumar
source

4

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

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

— Thielicious
source

4

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

Développer l'extrait

— volt
source

3

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

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

— Hamid sk
source

1

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

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

— prashant kute
source

0

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>

— Sourire
source

0

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

— Krishna Saxena
source

-1

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");
}

— Richard Taylor-Kenny
source

-5

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

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

— Malatesh
source