Maison  >  Article  >  interface Web  >  Comment actualiser la page en utilisant javascript

Comment actualiser la page en utilisant javascript

青灯夜游
青灯夜游original
2021-04-01 17:09:26109831parcourir

Comment actualiser la page en utilisant JavaScript : 1. Utilisez "location.reload()" ; 2. Utilisez "location.replace(location)" ; 3. Utilisez "history.go(0)" ; . Utilisez "emplacement=emplacement" etc.

Comment actualiser la page en utilisant javascript

L'environnement d'exploitation de ce tutoriel : système Windows 7, ECMAScript version 5, ordinateur Dell G3.

Plusieurs façons d'actualiser la page en utilisant Javascript :

  • location.reload()

  • location.replace(location)

  • history.go(0)

  • location=location

  • location.assign(location)

  • document.execCommand('Refresh')

  • window.navigate(location)

  • document.URL=location.href

Ce qui suit est une introduction détaillée aux méthodes de rechargement et de remplacement

1 La méthode de rechargement

Cette méthode force le navigateur à actualiser le courant. page.

Syntaxe :

location.reload([bForceGet])

Paramètres : bForceGet, paramètre facultatif, la valeur par défaut est false, récupère la page actuelle du cache client. vrai, puis utilisez la méthode GET pour obtenir la dernière page du serveur, ce qui équivaut au fait que le client clique sur F5 ("Actualiser")

2, remplacez la méthode

remplace l'élément actuellement mis en cache dans l'historique (côté client) en spécifiant l'URL. Par conséquent, après avoir utilisé la méthode de remplacement, vous ne pouvez pas accéder à l'URL remplacée via "forward" et "back".

Syntaxe :

 location.replace(URL)

Utilisez généralement : location.reload() ou history.go(0) pour le faire.

Cette méthode est similaire au point client F5 pour actualiser la page, donc lorsque la méthode de page="post", une invite "page Web expirée" apparaîtra. En raison du mécanisme de protection de sécurité de Session.

Lorsque la méthode location.reload() est appelée, la page aspx existe déjà dans la mémoire du serveur, elle doit donc être IsPostback.

S'il existe une telle application : la page doit être rechargée, ce qui signifie que la page devrait être recréée côté serveur et que l'attente est Not IsPostback.

Ici, location.replace() peut effectuer cette tâche. La page remplacée est régénérée sur le serveur à chaque fois.

Code :

location.replace(location.href);

Retourner et actualiser la page :

location.replace(document.referrer);
document.referrer //前一个页面的URL

Ne pas utiliser history.go(-1) ou history.back(); la page, ces deux méthodes ne rafraîchiront pas la page.

[Apprentissage recommandé :

Tutoriel de base js]

Supplémentaire : Comment actualiser ou sauter automatiquement la page :

1 , la page s'actualise automatiquement : ajoutez le code suivant dans la zone 93f0f5c25f18dab9d176bd4f6de5d30e

<meta http-equiv="refresh" content="20">       (其中20指每隔20秒刷新一次页面.)

2, la page saute automatiquement : ajoutez le code suivant dans la zone 93f0f5c25f18dab9d176bd4f6de5d30e

<meta http-equiv="refresh" content="20;url=http://www.baidu.com"> 
(其中20指隔20秒后跳转到http://www.baidu.comt页面)

3. , la page Actualise automatiquement la version js

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

4, instruction de script de cadre d'actualisation JS

//刷新包含该框架的页面用 
<script type="text/javascript">
 parent.location.reload();
</script>
//子窗口刷新父窗口
<script type="text/javascript">
 self.opener.location.reload();
</script>
( 或 <a href="javascript:opener.location.reload()" rel="external nofollow" >刷新</a> )
//刷新另一个框架的页面用 
<script type="text/javascript">
 parent.另一FrameID.location.reload();
</script>

Si vous souhaitez actualiser à la fermeture de la fenêtre ou à l'ouverture de la fenêtre, appelez simplement l'instruction suivante dans < ;body>

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

Pour plus de connaissances sur la programmation, veuillez visiter :

Vidéo de programmation ! !

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