Comment actualiser la page en utilisant javascript-js tutoriel-php.cn

Comment actualiser la page en utilisant javascript

青灯夜游

Libérer： 2023-01-04 09:34:01

original

109902 Les gens l'ont consulté

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])

Copier après la connexion

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

<🎜 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)

Copier après la connexion

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);

Copier après la connexion

Retourner et actualiser la page :

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

Copier après la connexion

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

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

Copier après la connexion

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

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

Copier après la connexion

3. , la page Actualise automatiquement la version js

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

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

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!