Comment recharger une page en JavaScript-js tutoriel-php.cn

Comment recharger une page en JavaScript

清浅

Libérer： 2018-12-13 09:09:14

original

7698 Les gens l'ont consulté

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()

Copier après la connexion

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>

Copier après la connexion

Le rendu est le suivant :

Comment recharger une page en JavaScript

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>

Copier après la connexion

Le rendu est le suivant :

Comment recharger une page en JavaScript

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!