Résumé des méthodes d'actualisation des pages JS-js tutoriel-php.cn

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

黄舟

Libérer： 2017-11-16 14:16:51

original

4403 Les gens l'ont consulté

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 <%..%> 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>

Copier après la connexion

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
Les 20 doigts actualisent la page toutes les 20 secondes.

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

Copier après la connexion

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

, 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">

Copier après la connexion

3. js

Instruction de script de cadre d'actualisation JS

<script language="JavaScript">function myrefresh()
{
window.location.reload();
}
setTimeout(&#39;myrefresh()&#39;,1000); //指定1秒刷新一次</script>

Copier après la connexion

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

//如何刷新包含该框架的页面用 
<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>

Copier après la connexion

Résumé :

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

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

Copier après la connexion

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!