Maison > Article > interface Web > Résumé des méthodes d'actualisation des pages JS

Résumé des méthodes d'actualisation des pages JS

黄舟original: 2017-11-16 14:16:514369parcourir

Nous avons déjà introduit l'utilisation de JavaScript pour actualiser la page location.reload(). En fait, il existe de nombreuses façons d'actualiser la page dans JS, et ce n'est que l'une d'entre elles. . Alors aujourd'hui, je vous emmène découvrir un résumé de la méthode de rafraîchissement de la page avec JS !

window.location.reload(), window.history.go(0) et document.execCommand(''Refresh''), ces trois méthodes sont les plus rapides des . D'autres ont des barres de défilement de navigateur évidentes.
Plusieurs façons d'actualiser la page en utilisant Javascript :
1 history.go(0)
Sauf s'il y a des pages telles que d13fc09fc3a61027bf4a1ae346cec7e0 côté serveur pour générer du code, sinon lire directement les données dans le cache
sans rafraîchir
2 location.reload()
Reconnectez-vous au serveur pour lire la nouvelle page ( bien que la page soit la même)
Actualiser
3 location=location
Pour naviguer en javascript, au lieu d'appeler une méthode de l'objet fenêtre, définissez son propriété location.href, l'attribut location est pris en charge par tous les navigateurs. Par exemple :

<span onclick=”javascript:window.location.href=’#top’”>top</span>

Après l'exécution, il y a un aller-retour
4 location.assign(location)
Charger le nouveau document HTML spécifié par le URL. Cela équivaut à un lien qui renvoie à l'URL spécifiée. La page actuelle sera convertie au contenu de la nouvelle page. Vous pouvez cliquer sur Retour pour revenir à la page précédente.
5 document.execCommand('Refresh')
6 window.navigate(location)
La méthode window.navigate(sURL) mentionnée par MSDN est pour IE et ne s'applique pas à FF , dans l'objet HTML DOM Window, la méthode window.navigate n'est pas du tout répertoriée.
7 location.replace(location)
Pas de retour ou d'avance après l'exécution
Remplacez le document actuel en chargeant le document spécifié par l'URL Cette méthode consiste à remplacer la page de la fenêtre actuelle. , deux avant et après Les pages partagent une
fenêtre, il n'y a donc pas de retour pour revenir à la page précédente
8 document.URL=location.href

Javascript Plusieurs méthodes pour rafraîchir la page :
1 history.go(0)
2 location.reload()
3 location=location
4 location.assign(location )
5 document.execCommand ("Rafraîchir")
6 window.navigate(location)
7 location.replace(location)
8 document.URL=location.href

Méthode pour actualiser automatiquement la page : javascript automatiquement Explication détaillée de la façon d'actualiser la page
1 Actualiser automatiquement la page : Ajoutez le code suivant dans la zone 93f0f5c25f18dab9d176bd4f6de5d30e
Les 20 doigts actualisent la page toutes les 20 secondes.

<meta http-equiv="refresh" content="20">

2. La page saute automatiquement : ajoutez le code suivant dans la zone 93f0f5c25f18dab9d176bd4f6de5d30e >

, avec 20 doigts écartés. Accédez à la page http://www.php.cn après 20 secondes

<meta http-equiv="refresh" content="20;url=http://www.php.cn">

3. js

Instruction de script de cadre d'actualisation JS

c9b2223153d8e39163b0aa064e06fe9efunction myrefresh()
{
window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次2cacc6d41bbb37262a98f745aa00fbf0

Si vous souhaitez actualiser lorsque le la fenêtre est fermée ou si vous souhaitez actualiser lorsque la fenêtre est ouverte, appelez l'instruction suivante dans 6c04bd5ca3fcae76e30b72ad730ca86d

//如何刷新包含该框架的页面用 
<script language=JavaScript>
parent.location.reload();
</script>

//子窗口刷新父窗口
<script language=JavaScript>
self.opener.location.reload();
</script> www.jbxue.com
(　或　<a href="javascript:opener.location.reload()">刷新</a> )

//如何刷新另一个框架的页面用 
<script language=JavaScript>
parent.另一FrameID.location.reload();
</script>

Résumé :

<body onload="opener.location.reload()"> 开窗时刷新
<body onUnload="opener.location.reload()"> 关闭时刷新

<script language="javascript">
window.opener.document.location.reload()
</script>

Cet article décrit la méthode de rafraîchissement de la page en JavaScript à travers des exemples, qui explique principalement le méthodes les plus couramment utilisées. Il existe plusieurs méthodes, les amis peuvent choisir la méthode qui leur convient en fonction de leurs propres besoins !

Recommandations associées

Utilisation de la page d'actualisation JavaScript location.reload()

Somme de la page d'actualisation JS ! Une variété de codes de page d'actualisation JS !

Une collection complète de méthodes d'actualisation de page JS

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：Utilisation de la page d'actualisation JavaScript location.reload()Article suivant：Utilisation de la page d'actualisation JavaScript location.reload()

Articles Liés

Voir plus