Maison > interface Web > tutoriel HTML > Comment actualiser la page avec un lien et actualiser la page avec js

Comment actualiser la page avec un lien et actualiser la page avec js

不言
Libérer: 2018-06-05 10:48:36
original
3103 Les gens l'ont consulté

L'actualisation de la page utilise généralement un lien et une actualisation js. Quant à la différence entre les deux utilisés, il y aura une introduction détaillée dans l'article suivant. Les amis intéressés pourront en apprendre davantage

1. Comment utiliser le lien :

Copiez le code

Le code est le suivant :

<a href="javascript:history.go(-1);">返回上一页</a> 
<a href="#top">刷新当前页</a>
Copier après la connexion

#top effect Cela n'a pas fonctionné pour moi. J'ai directement écrit actualiser la page mais cela a fonctionné.

2. Comment actualiser la page actuelle dans JS

méthode de rechargement, cette méthode force le navigateur à actualiser la page actuelle.
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. true, puis utilisez la méthode GET pour récupérer la dernière page du serveur, ce qui équivaut au fait que le client clique sur F5 ("Actualiser")

méthode de remplacement, qui remplace le cache actuel dans l'historique en spécifiant l'URL (client), donc après avoir utilisé la méthode de remplacement, vous ne pouvez pas accéder à l'URL remplacée via "avant" et "arrière".
Syntaxe : location.replace(URL)

Dans l'application réelle, lors de l'actualisation de la page, nous utilisons généralement : location.reload() ou history.go(0) pour le faire. Parce que cette approche revient à ce que le client clique sur F5 pour actualiser la page, donc lorsque la méthode = "post" de la page est utilisée, une invite "page Web expirée" apparaîtra. Cela est dû au mécanisme de protection de sécurité de Session. Vous pouvez penser à : 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 : nous devons recharger la page, ce qui signifie que nous nous attendons à ce que la page soit recréée côté serveur, et nous attendons Not IsPostback. Ici, location.replace() peut accomplir cette tâche. La page remplacée est régénérée sur le serveur à chaque fois.

Vous pouvez écrire : location.replace(location.href);

Revenir en arrière et actualiser la page :

Copier le code

Le code est le suivant :

location.replace(document.referrer); 
document.referrer //前一个页面的URL
Copier après la connexion

N'utilisez pas history.go(-1) ou history.back(); Ces deux méthodes ne fonctionnent pas. La page sera actualisée.

Pièce jointe :
Plusieurs façons d'actualiser la page en utilisant Javascript :

1 history.go(0)
2 location.reload()
3 location=location
4 location.assign(location)
5 document.execCommand('Refresh')
6 window.navigate(location)
7 location.replace(location)
8 document.URL=location . href

Comment actualiser automatiquement la page :
1 Actualiser automatiquement la page : Ajoutez le code suivant dans la zone ="20" >
20 d'entre eux signifie actualiser la page toutes les 20 secondes

2 La page saute automatiquement : ajoutez le code suivant à la zone http-equiv="refresh" content="20;url=http://www.wyxg.com">
Les 20 doigts passeront à la page http://www.wyxg.com après 20 secondes

3. La page actualise automatiquement la version js


Copiez le codeLe code est le suivant :

Actualisation JS L'instruction de script du framework
<script language="JavaScript"> 
function myrefresh() 
{ 
window.location.reload(); 
} 
setTimeout(&#39;myrefresh()&#39;,1000); //指定1秒刷新一次 
</script>
Copier après la connexion


Copier le codeLe code est tel suit :

Si vous souhaitez fermer la fenêtre. Si vous souhaitez actualiser ou si vous souhaitez actualiser lorsque la fenêtre est ouverte, appelez simplement l'instruction suivante dans .
//如何刷新包含该框架的页面用 
<script language=JavaScript> 
parent.location.reload(); 
</script> 
//子窗口刷新父窗口 
<script language=JavaScript> 
self.opener.location.reload(); 
</script> 
( 或 <a href="javascript:opener.location.reload()">刷新</a> ) 
//如何刷新另一个框架的页面用 
<script language=JavaScript> 
parent.另一FrameID.location.reload(); 
</script>
Copier après la connexion


Copier le codeLe code est le suivant :

<body onload="opener.location.reload()"> 开窗时刷新 
<body onUnload="opener.location.reload()"> 关闭时刷新 
<script language="javascript"> 
window.opener.document.location.reload() 
</script>
Copier après la connexion

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