Maison > interface Web > js tutoriel > le corps du texte

Introduction à l'utilisation d'une page d'actualisation de lien et d'une page d'actualisation js

小云云
Libérer: 2018-03-02 13:21:51
original
2170 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, j'espère que cela pourra aider tout le monde.

1.a opération d'utilisation du lien :

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


L'effet de #top est activé moi Cela n'a pas fonctionné. J'ai écrit directement actualiser la page mais cela a fonctionné

2 Comment actualiser la page actuelle avec JS

méthode de rechargement, qui oblige 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 l'élément actuellement mis en cache dans l'historique (client) en spécifiant l'URL . Par conséquent, lorsque vous utilisez la méthode de remplacement, vous ne pouvez pas accéder à l'URL remplacée via "forward" et "back".
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 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);
Retournez et actualisez la page :

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

Don Je n'utilise pas history. go(-1) ou history.back(); pour revenir 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 :
1 Actualiser automatiquement la page : Ajoutez le code suivant dans la zone

20 d'entre eux signifient actualiser la page toutes les 20 secondes.

2. Saut de page automatique : ajoutez le code suivant dans la zone

Le 20ème doigt passera à la page http://www.wyxg.com après 20 secondes
3. La page actualise automatiquement la version js

  1. <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

  1. //如何刷新包含该框架的页面用   
    <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


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

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

Recommandations associées :

Explication sur la façon dont PHP effectue les opérations de base de données, empêche les délais d'expiration des pages et actualise automatiquement la page

Introduction à la méthode de rafraîchissement de la page en Javascript et à l'utilisation de location.reload()

Explication détaillée de l'exemple de rafraîchissement du page en Javascript

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