Maison > titres > L'exemple de code js le plus complet pour actualiser la page actuelle en 2018

L'exemple de code js le plus complet pour actualiser la page actuelle en 2018

PHP中文网
Libérer: 2018-01-25 14:17:01
original
3122 Les gens l'ont consulté

//reload 方法,该方法强迫浏览器刷新当前页面。语法:location.reload([bForceGet]) 
//参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。
//true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新")
//replace 方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,你不能通过“前进”和“后退”来访问已经被替换的URL。语法: location.replace(URL)
Copier après la connexion

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 de page = "post" 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 comme ceci :

location.replace(location.href);
Copier après la connexion

Revenir en arrière et actualiser la page :

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

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

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
Copier après la connexion

Méthodes pour actualiser automatiquement la page :

Actualiser automatiquement la page : Ajouter. le code suivant Dans la zone

<meta http-equiv="refresh" content="20">
Copier après la connexion

, 20 d'entre eux rafraîchissent la page toutes les 20 secondes.

2. La page saute automatiquement : ajouter. le code suivant à < ;head> Dans la zone

<meta http-equiv="refresh" content="20;url=http://www.jb51.net">
Copier après la connexion


, 20 doigts accéderont à la page http://www.php.cn après 20 secondes

3 .La page actualise automatiquement la version js

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

Instruction de script du cadre d'actualisation JS

//Comment actualiser la page contenant le cadre en utilisant

<script language=JavaScript>
 parent.location.reload();
</script>
Copier après la connexion

/ /La fenêtre enfant actualise la fenêtre parent

<script language=JavaScript>
 self.opener.location.reload();
</script>
Copier après la connexion

(ourefresh )

//Comment actualiser la page d'un autre cadre en utilisant

Si vous souhaitez actualiser lorsque la fenêtre est fermée ou lorsque la fenêtre est ouvert, appelez l'instruction suivante dans


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
Derniers numéros
c++ appelle javascript
Depuis 1970-01-01 08:00:00
0
0
0
Qu’est-ce que le garbage collection JavaScript ?
Depuis 1970-01-01 08:00:00
0
0
0
Que sont les fonctions de hook JavaScript ?
Depuis 1970-01-01 08:00:00
0
0
0
Comment obtenir la date actuelle en JavaScript ?
Depuis 1970-01-01 08:00:00
0
0
0
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal