Utilisation de window.history dans js (2)

Window.history enregistre l'enregistrement d'accès au site Web de l'utilisateur pendant une session. Un nouvel enregistrement d'historique est créé chaque fois que l'utilisateur accède à une nouvelle URL.

history.go(), history.back(), history.forward()history.back() et history.forward() représentent respectivement une page en arrière et une page en avant. history.go(num) indique le nombre de pages à avancer ou à reculer. Si num est un nombre positif, cela signifie avancer, et s'il s'agit d'un nombre négatif, cela signifie revenir en arrière.

Objet fenêtre Windows (historique) history.go(), history.back(), history.forward().

Parce que les références aux objets Windows ne sont pas nécessaires. Donc windows.history.go() == history.go().

La méthode go() n'a qu'un seul paramètre, qui peut être un entier ou un nombre négatif. Si c’est positif, avancez. Les nombres négatifs signifient un retour en arrière. (Équivalent à la différence entre Suivant et Précédent)

Ainsi, pour revenir en arrière d'une page, vous pouvez utiliser le code suivant : (Pour revenir en arrière de plusieurs pages, il suffit de modifier les paramètres de go)

   window.history.go(-1)；

Pour avancer d'une page, il vous suffit d'utiliser des nombres positifs

   history.go(1)；

De plus, la même opération peut être réalisée en utilisant les méthodes back() et forward() ; >

      history.back();   后退
      history.forward(); 前进

Vous pouvez également utiliser l'attribut length pour afficher l'historique Nombre de pages dans :

   history.length;

2 La différence entre history.go(-1) et history.back()<. 🎜>

Exemple :

history.go(-1)表示后退与刷新。如数据有改变也随之改变
   history.back()只是单纯的返回到上一页。

Code HTML

Code Js

<p class="oper_context_view">  
          <a id="btn_exit" class="btn" href="javascript:void(0);">返回</a>  
 </p>

【Recommandations associées】

$("#btn_exit").bind("click",function(){  
              window.location.reload();    //刷新  
              window.history.go(1);         //前进  
              window.history.go(-1);        //返回+刷新  
              window.history.forward();  //前进  
              window.history.back();       //返回  
  });

1.

Recommandation spéciale : Téléchargement de la version "php Programmer Toolbox" V0.1 2. in js (1)

3 . Introduction détaillée aux exemples d'utilisation de history.pushState() dans h5

4. compréhension des fonctionnalités d'historique dans h5-pushState, replaceState

5. L'impact de l'API History dans h5 sur les applications Web

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!