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中文网original: 2018-01-25 14:17:013073parcourir

//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(&#39;Refresh&#39;)
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>

php JavaScript Session JS location history href http

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

Article précédent：Méthodes d'interception et de fractionnement de chaîne JS : la différence entre substring, substr et sliceArticle suivant：Méthodes d'interception et de fractionnement de chaîne JS : la différence entre substring, substr et slice

Articles Liés

Voir plus