Heim > Web-Frontend > js-Tutorial > Hauptteil

Verwendung von window.history in js (2)

零下一度
Freigeben: 2017-05-18 10:47:29
Original
2064 Leute haben es durchsucht

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);
Nach dem Login kopieren

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

   history.go(1);
Nach dem Login kopieren

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

      history.back();   后退
      history.forward(); 前进
Nach dem Login kopieren

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

   history.length;
Nach dem Login kopieren

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

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

Beispiel:

Html-Code

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

Js-Code

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

【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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage