Parfois, les développeurs souhaitent actualiser fréquemment la page Web lors de la création d'applications Web, telles que des blogs ou des sites Web, dont le contenu peut varier en fonction des actions de l'utilisateur. Toute information mise à jour basée sur ces interactions de l'utilisateur sera affichée lorsque la page sera actualisée ou rechargée. À cette fin, JavaScript propose des méthodes prédéfinies qui seront abordées ci-dessous.
Cet article illustrera les façons de recharger une page en utilisant JavaScript.
Comment recharger une page en utilisant JavaScript ?
Pour recharger ou actualiser une page, utilisez les méthodes suivantes en JavaScript :
Méthode 1 : recharger une page à l'aide de la méthode reload()
Utilisez le ' location.reload() ” méthode pour recharger la page. Il agit comme le bouton d'actualisation d'un navigateur. Les ' recharger() ” est responsable du rechargement de la page, tandis que la méthode “ emplacement ” est une interface qui indique l'emplacement réel (URL) de l'objet auquel il est associé. L'URL de la page à actualiser est accessible soit par ' document.location ' ou alors ' window.location ”.
Syntaxe
Utilisez la syntaxe suivante pour recharger la page actuelle à l'aide de la méthode reload() :
window.location.reload ( ) ;Exemple 1 : Actualiser sur un clic de bouton
Créez un bouton et joignez un ' sur clic « événement sur celui-ci qui appellera le JavaScript prédéfini » recharger() ' méthode:
< bouton sur clic = 'window.location.reload()' > Rafraîchir / Rafraîchir la page bouton >La sortie indique que la page est actualisée ou rechargée sur un clic de bouton :
Exemple 2 : actualisation automatique à l'aide de la méthode setTimeout() avec la méthode reload()
Définissez l'heure de rafraîchissement automatique de la page à l'aide de la touche ' setTimeout() ' méthode. Dans un premier temps, nous allons définir une méthode ' rafraîchir() ” qui prend un intervalle de temps comme paramètre pour rafraîchir la page après ce temps. Appelez la méthode setTimeout() puis appelez la méthode reload() :
une fonction rafraîchir ( temps ) {setTimeout ( ( ) = > {
document.location.reload ( vrai ) ;
} , temps ) ;
}
Ici, nous allons définir le temps 2 secondes pour rafraîchir la page toutes les deux secondes :
window.onload = actualiser ( 2000 ) ;Comme vous pouvez le constater, la page est automatiquement rafraîchie au bout de 2 secondes :
Méthode 2 : recharger une page à l'aide de la méthode go()
Une autre approche pour rafraîchir une page est le ' histoire.go() ' méthode. Donner une valeur positive ou négative peut être utilisé comme d'habitude pour reculer ou avancer. Pour un rafraîchissement, passez le ' 0 ” valeur neutre ou rien.
Syntaxe
Suivez la syntaxe donnée pour recharger la page :
histoire.go ( )Exemple
Ici, nous appellerons le ' histoire.go() ” méthode dans l'événement click du bouton :
< bouton sur clic = 'historique.go()' > Rafraîchir / Rafraîchir la page bouton >Sortir
Il s'agit de recharger/rafraîchir les pages Web à l'aide de JavaScript.
Conclusion
Pour recharger une page Web à l'aide de JavaScript, utilisez le ' window.location.reload() » ou la méthode « histoire.go() ' méthode. La méthode reload() est l'approche la plus couramment utilisée pour recharger ou actualiser des pages Web. Cet article a illustré les façons de rafraîchir une page en utilisant JavaScript.