Maison > interface Web > js tutoriel > Comment JavaScript recharge (actualise) une page

Comment JavaScript recharge (actualise) une page

青灯夜游
Libérer: 2018-11-20 17:12:53
original
16028 Les gens l'ont consulté

Le contenu de cet article est de présenter comment recharger (actualiser) la page à l'aide de JavaScript. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile.

Il existe plusieurs façons de recharger ou d'actualiser une page HTML en JavaScript, mais la manière standard de faire le travail consiste à utiliser l'objet window.location. Cet article vous expliquera comment utiliser l'objet window.location pour recharger (actualiser) la page.

Fournit une méthode reload() dans l'objet window.location, qui demande au navigateur de recharger la page. Le navigateur peut le faire depuis son cache ou depuis le serveur, en fonction des paramètres facultatifs, c'est-à-dire que reload(true) rechargera la page depuis le serveur, reload(false) rechargera uniquement la page depuis le cache du navigateur.

Ci-dessous, nous présenterons la méthode de rechargement (actualisation) JavaScript de la page à travers un exemple de code simple.

Dans l'exemple, nous aborderons l'utilisation de jQuery et JavaScript pour recharger la page à partir du cache du serveur et du navigateur.

Dans notre HTML, il y a deux boutons, un pour recharger la page depuis le serveur et l'autre pour rafraîchir la page depuis le cache du navigateur. Bien que location.reload() fonctionne dans tous les navigateurs, vous pouvez également utiliser jQuery pour encapsuler d'autres codes, par exemple en attachant des gestionnaires de clics à deux boutons.

Exemple de code :

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>使用jQuery和JavaScript重新加载(刷新)页面</title>
		<script type="text/javascript" src="query.min.js" ></script>
	</head>

	<body>
		<h2>如何使用jQuery和JavaScript重新加载(刷新)页面</h2>

		<button id="btn_reload">从服务器重新加载</button>
		<button id="btn_refresh">从浏览器的缓存中重新加载</button>
		<script>
			$(document).ready(function(){
				$("#btn_refresh").click(function() {
					location.reload(false); //从浏览器的缓存加载 
				});
				$("#btn_reload").click(function() {
					location.reload(true); //从服务器加载
				});
			});
		</script>

	</body>

</html>
Copier après la connexion

Rendu :

Comment JavaScript recharge (actualise) une page

Remarque :

window.location.reload( ) demandera au navigateur de recharger la page, ce qui signifie que les données seront à nouveau téléchargées depuis le serveur, analysées et affichées. Vous pouvez également recharger la page depuis le cache du navigateur en utilisant la méthode location.reload(false).

Au fait, vous pouvez également utiliser history.go(0) et location.replcace(locatoin.pathname) pour recharger la page.

Ce qui précède représente l’intégralité du contenu de cet article, j’espère qu’il sera utile à l’étude de chacun. Tutoriels vidéo connexes recommandés : Tutoriel jQuery !

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal