recherche

Maison >interface Web >js tutoriel >Comment recharger une page en JavaScript

Comment recharger une page en JavaScript

清浅
清浅original
2018-12-06 16:01:337713parcourir

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]

Comment recharger une page en 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 :

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>

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!

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Comment ajouter un filigrane au PDF dans node.js (exemple de code)Article suivant：Comment ajouter un filigrane au PDF dans node.js (exemple de code)

Articles Liés

Voir plus