Maison  >  Article  >  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中文网
PHP中文网original
2018-01-25 14:17:013032parcourir

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

Revenir en arrière et actualiser la page :

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

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

Méthodes pour actualiser automatiquement la page :

Actualiser automatiquement la page : Ajouter. le code suivant 93f0f5c25f18dab9d176bd4f6de5d30eDans la zone

<meta http-equiv="refresh" content="20">

, 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">


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

Instruction de script du cadre d'actualisation JS

//Comment actualiser la page contenant le cadre en utilisant

<script language=JavaScript>
 parent.location.reload();
</script>

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

<script language=JavaScript>
 self.opener.location.reload();
</script>

(ou2ad893035fce867c8230ae9d7e0a6f55refresh4a11e5928b3688cf38c9163b657eb5ac )

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

<script language=JavaScript>
 parent.另一FrameID.location.reload();
</script>

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

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


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