Ausführliche Einführung zu window.history

Das Fensterobjekt im DOM ermöglicht das Lesen des Browserverlaufs über die Methode window.history, sodass Sie im Zugriffsdatensatz des Benutzers vorwärts und rückwärts navigieren können. Beginnend mit HTML5 können wir mit der Bearbeitung dieses Verlaufsstapels beginnen. 1. History verwendet die Methoden back(), forward() und go(), um im Verlauf des Benutzers vorwärts und rückwärts zu navigieren: window.history.back(); Das Browser-Tool entspricht der Eingabetaste in der Leiste. Ebenso können Sie die folgende Methode verwenden, um das Weiterleitungsverhalten des Benutzers zu generieren: window.history.forward(); an eine bestimmte Position im Verlauf verschieben Sie können die Methode go() verwenden, um eine bestimmte Seite aus dem Sitzungsverlauf zu laden. Eine Seite rückwärts bewegen: window.history.go(-1); Eine Seite vorwärts bewegen: window.history.go(1); Ebenso können Sie mehrere Seiten vorwärts oder rückwärts bewegen. Sie können die Gesamtzahl der Seiten im Verlaufsstapel auch ermitteln, indem Sie die Längeneigenschaft des Browserverlaufs überprüfen. va

1. 6 empfohlene Kurse zu replaceState

Einführung: Das Fensterobjekt im DOM ermöglicht den Zugriff auf den Browserverlauf über die Methode window.history, sodass Sie im Zugriffsdatensatz des Benutzers vorwärts und rückwärts navigieren können. Beginnend mit HTML5 können wir mit der Bearbeitung dieses Verlaufsstapels beginnen. 1. History verwendet die Methoden back(), forward() und go(), um im Verlauf des Benutzers vorwärts und rückwärts zu navigieren: window.history.back(); Das Browser-Tool entspricht der Eingabetaste in der Leiste. Gleiches...

2. Verwendung von window.history in js (2)

Einführung: Window.history speichert den Website-Zugriffsdatensatz des Benutzers während einer Sitzung. Jedes Mal, wenn der Benutzer eine neue URL besucht, 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.

3. Detailliertes Verständnis der Verlaufsfunktionen in h5-pushState, replaceState

Einführung: Das Fensterobjekt im DOM ermöglicht das Lesen des Browserverlaufs über die Methode window.history, sodass Sie im Zugriffsdatensatz des Benutzers vorwärts und rückwärts navigieren können. Beginnend mit HTML5 können wir mit der Bearbeitung dieses Verlaufsstapels beginnen.

4. Verwendung von window.history in js (1)

Einführung: Window.history speichert den Website-Zugriffsdatensatz des Benutzers während einer Sitzung. Jedes Mal, wenn der Benutzer eine neue URL besucht, 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.

5. Klicken Sie zurück auf die JQ-Seite, um ein Eingabeaufforderungsfeld aufzurufen

Einführung: demo.js jQuery(document).ready(function ($) { if (window.history && window.history.pushState) { $(window).on(' popstate', function ( ) { var hashLocation = location.hash; var hash...

6.php-Methode zum Abrufen des Werts mit & im URL-Parameter_PHP-Tutorial

Einführung: PHP-Methode zum Abrufen des Werts mit & im URL-Parameter Tatsächlich stoßen wir während des Projekts häufig auf den Pfad zum Abrufen der Adresse der vorherigen Seite. Sie können zur vorherigen Seite zurückkehren. Verwenden Sie den kopierten Codecode wie folgt: scriptwindow.history.go(-1);/script this

7. Das Problem mit JS-Client-PHP ist etwas schwierig

Einführung: Das Problem mit JS-Client-PHP ist ein etwas schwieriger PHP-Code wc();//ist eine benutzerdefinierte Funktion zum Einfügen von Daten echo "<script>if(confirm('Sind die vom Programm analysierten Daten korrekt? Bestätigen Sie, dass sie in die Datenbank eingefügt werden. Wenn ein Fehler auftritt, brechen Sie diesen Vorgang bitte ab und bearbeiten Sie die Excel-Datei erneut.')) {}else{window.history.go (-1);}</script>"

8. Probleme im Zusammenhang mit JS-Client-PHP sind etwas schwierig

Einführung: Das Problem des JS-Client-PHP ist etwas schwierig PHP codewc();//Es ist eine benutzerdefinierte Funktion zum Einfügen von Daten echo "<script>if(confirm(' Sind die vom Programm analysierten Daten korrekt? Sind Sie sicher, dass sie in die Datenbank eingefügt werden? Wenn ein Fehler auftritt, brechen Sie diesen Vorgang bitte ab und bearbeiten Sie die Excel-Datei erneut.')){}else{window.history.go( -1);}</script>";/

9. So erhalten Sie den Wert mit & im URL-Parameter in PHP

Einführung: Die Methode zum Abrufen des Werts mit & im URL-Parameter in PHP. Während des Projekts stoßen wir häufig auf den Pfad, um die Adresse der vorherigen Seite abzurufen und verwenden Sie den kopierten Code wie folgt: scriptwindow.history.go(-1);/script this

10 So verwenden Sie das Javascript-Verlaufsobjekt (Verlaufsdatensatz) ( um den Browser vorwärts und rückwärts zu realisieren)_Grundkenntnisse

Einführung: In diesem Artikel wird hauptsächlich die Verwendung des window.history-Objekts vorgestellt

[Verwandte Q&A-Empfehlungen]:

angular.js - ui-router Zurück zur vorherigen Route

Javascript – So lösen Sie das Problem dass die window.history einiger Versionen von Android Webview keine Hash-Änderungen aufzeichnet?

Javascript – Gibt es eine Möglichkeit, in js zur vorherigen Version zurückzukehren?

Javascript – So gelangen Sie zur WeChat-Oberfläche

Javascript – A ist die Anmeldeseite; B ist die persönliche Seite von A. Wie nach der Anmeldung zu Seite B springen?

Das obige ist der detaillierte Inhalt vonAusführliche Einführung zu window.history. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!