Maison > Article > interface Web > Comment recharger une page en JavaScript
Comment recharger une page en JavaScript
- 清浅original
- 2018-12-06 16:01:337631parcourir
En JavaScript, vous pouvez définir la valeur de la méthode reload() sur true pour recharger la page
Lorsque nous parcourons la page, dans le coin supérieur gauche de le navigateur Il y a un bouton qui nous permet d'actualiser la page. Alors, comment fonctionne-t-il dans le programme ? Ensuite, dans l'article, je vais vous présenter comment implémenter la technologie de chargement de page en JavaScript. Elle a une certaine valeur de référence et je. j'espère que cela sera utile à tout le monde.
[Cours recommandés : Tutoriel JavaScript]
Pour implémenter le chargement de la page, vous devez utiliser la méthode reload(). Le but de cette méthode est de recharger le document actuel
méthode reload().
location.reload()
Lorsque nous définissons la valeur de reload() sur true, il contournera le cache et retéléchargera le document depuis le serveur, comme à chaque fois que nous cliquons sur le bouton d'actualisation du navigateur.
Si cette méthode est définie sur false ou qu'aucun paramètre n'est défini, elle utilisera If-Modified-Since dans l'en-tête HTTP pour détecter si le document sur le serveur a changé. Si le document a changé, rechargez. () téléchargera à nouveau le document si le document n'a pas changé, cette méthode chargera le document depuis le cache.
Exemple :
<body> <input type="button" value="刷新" onclick="document.location.reload(true);"> <p>点击上面的按钮会刷新页面</p> <img src="images/1.jpg"style="width:150px;height: 100px;"> </body>
Le rendu est le suivant :
On peut également régler l'heure, comme par exemple la fréquence à laquelle la page est actualisée
Exemple : Configurer la page pour qu'elle s'actualise toutes les 5 secondes
<body>
<p>页面隔5s会刷新一次</p>
<img src="images/1.jpg"style="width:150px;height: 100px;">
<script type="text/javascript">
function timedReload(time){
setTimeout("location.reload(true);",time);
}
window.onload=timedReload(5000);
</script>Le rendu est le suivant :
Nous peut définir un bouton de boîte de dialogue contextuelle. Lorsque nous cliquons sur Actualiser, une boîte de dialogue apparaît. Lorsque nous cliquons sur OK, la page s'actualise. Lorsque nous cliquons sur Annuler, la page ne s'actualise pas. Résumé : Ce qui précède représente l'intégralité du contenu de cet article. J'espère que cet article pourra donner à chacun une certaine compréhension du chargement des pages JavaScript.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!