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
3072 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


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