Verwendung von window.history in js (2)

Window.history speichert den Website-Zugriffsdatensatz des Benutzers während einer Sitzung. Jedes Mal, wenn der Benutzer auf eine neue URL zugreift, wird ein neuer Verlaufsdatensatz erstellt.

history.go(), History.back(), History.forward()history.back() und History.forward() repräsentieren jeweils eine Seite rückwärts und eine Seite vorwärts. History.go(num) gibt an, wie viele Seiten vorwärts oder rückwärts geblättert werden sollen. Wenn num eine positive Zahl ist, bedeutet dies, vorwärts zu blättern, und wenn es eine negative Zahl ist, bedeutet es, rückwärts zu blättern.

Windows-Fensterobjekt (Verlauf) History.go(), History.back(), History.forward().

Weil Windows-Objektreferenzen nicht erforderlich sind. Also windows.history.go() == History.go().

Die go()-Methode hat nur einen Parameter, der eine Ganzzahl oder eine negative Zahl sein kann. Wenn es positiv ist, machen Sie weiter. Negative Zahlen bedeuten einen Rückschritt. (Entspricht dem Unterschied zwischen Vorwärts und Zurück)

Um eine Seite zurückzugehen, können Sie daher den folgenden Code verwenden: (Um mehrere Seiten zurückzugehen, ändern Sie einfach die Parameter von go)

   window.history.go(-1)；

Um eine Seite vorwärts zu gehen, müssen Sie nur positive Zahlen verwenden

   history.go(1)；

Darüber hinaus kann der gleiche Vorgang mit den Methoden back() und forward() erreicht werden:

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

Sie können das Längenattribut auch verwenden, um die Anzahl der Seiten im Verlauf anzuzeigen:

   history.length;

2 Der Unterschied zwischen History.go(-1) und History.back().

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

Beispiel:

Html-Code

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

Js-Code

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

【Verwandte Empfehlungen】

1. Besondere Empfehlung: Version „php Programmer Toolbox“ V0.1 herunterladen

2. Geschichte in js (1)

3 .

Detaillierte Einführung in die Verwendungsbeispiele von History.pushState() in h5

4. Tiefes Verständnis der Verlaufsfunktionen in h5-pushState, replaceState

5.

Die Auswirkungen der Verlaufs-API in h5 auf Webanwendungen

Das obige ist der detaillierte Inhalt vonVerwendung von window.history in js (2). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!