Maison >interface Web >Tutoriel H5 >Introduction détaillée à l'historique du navigateur

Introduction détaillée à l'historique du navigateur

伊谢尔伦
伊谢尔伦original
2017-06-11 13:29:142009parcourir

L'objet window dans le DOM permet d'accéder à l'historique du navigateur via la méthode window.history, vous permettant d'avancer et de reculer dans l'enregistrement d'accès de l'utilisateur. À partir de HTML5, nous pouvons commencer à manipuler cette pile d'historique. 1. History utilise les méthodes back(), forward() et go() pour avancer et reculer dans l'historique de l'utilisateur : window.history.back(); l'outil de navigation Identique à la touche retour de la barre. De même, vous pouvez également utiliser la méthode suivante pour générer le comportement de transfert de l'utilisateur : window.history.forward(); se déplacer vers une position spécifique dans l'historique. Vous pouvez utiliser la méthode go() pour charger une page spécifique à partir de l'historique de session. Reculer d'une page : window.history.go(-1); Avancer d'une page : window.history.go(1); De même, vous pouvez avancer ou reculer de plusieurs pages. Vous pouvez également trouver le nombre total de pages dans la pile d'historique en vérifiant la propriété de longueur de l'historique du navigateur. va

1. Introduction détaillée sur window.history

Introduction détaillée à l'historique du navigateur

Introduction : L'objet window dans le DOM permet d'accéder à l'historique du navigateur via la méthode window.history, vous permettant d'avancer et de reculer dans l'enregistrement d'accès de l'utilisateur. À partir de HTML5, nous pouvons commencer à manipuler cette pile d'historique. 1. History utilise les méthodes back(), forward() et go() pour avancer et reculer dans l'historique de l'utilisateur : window.history.back(); l'outil de navigation Identique à la touche retour de la barre. Idem...

2. 6 cours recommandés sur replaceState

Introduction détaillée à l'historique du navigateur

Introduction : L'objet window dans le DOM permet de lire l'historique du navigateur via la méthode window.history, vous permettant d'avancer et de reculer dans l'enregistrement d'accès de l'utilisateur. À partir de HTML5, nous pouvons commencer à manipuler cette pile d'historique. 1. History utilise les méthodes back(), forward() et go() pour avancer et reculer dans l'historique de l'utilisateur : window.history.back(); l'outil de navigation Identique à la touche retour de la barre. Idem...

3. Cours recommandés sur history.pushState()

Introduction détaillée à l'historique du navigateur

Introduction : Dans un fichier HTML, la méthode history.pushState() ajoute un état à l'historique du navigateur. pushState() prend trois paramètres : un objet d'état, un titre (maintenant ignoré) et une adresse URL facultative. Ce qui suit procédera à un examen détaillé de ces trois paramètres : Objet d'état – L'objet d'état est un objet d'état créé par la méthode pushState(), qui est cohérent avec l'enregistrement historique...

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

Introduction détaillée à l'historique du navigateur

Introduction : dans un fichier HTML, la méthode history.pushState() ajoute un état à l'historique du navigateur. pushState() prend trois paramètres : un objet d'état, un titre (maintenant ignoré) et une adresse URL facultative. Ce qui suit procédera à une inspection détaillée de ces trois paramètres :

5 Compréhension approfondie des fonctionnalités d'historique dans h5 - pushState, replaceState<.>

Introduction détaillée à l'historique du navigateur

Introduction : L'objet window dans le DOM permet de lire l'historique du navigateur via la méthode window.history, vous permettant de lire l'historique du navigateur lors de la visite de l'utilisateur Avancer et reculer dans la fiche. À partir de HTML5, nous pouvons commencer à manipuler cette pile d'historique.

6. Deux solutions pour qu'Ajax conserve l'historique du navigateur

Introduction détaillée à l'historique du navigateur

Introduction : Je télécharge toujours quelque chose depuis github. L'interface entière de github est très bonne et l'expérience est également très bonne. J'aime le plus l'effet spécial du glissement du code source. juste un effet de requête ajax ordinaire. , mais j'ai constaté que cet effet spécial peut modifier la barre d'adresse du navigateur en conséquence, et le code peut être glissé vers l'arrière et vers l'extérieur après avoir cliqué sur les boutons avant et arrière ~~ Alors étudions-le ~

7. Deux solutions Ajax pour conserver l'historique du navigateur

Introduction détaillée à l'historique du navigateur

Introduction : Téléchargez toujours quelque chose sur github. L'ensemble de l'interface de github est bien conçu et l'expérience est très bonne. J'aime le plus l'effet spécial du glissement du code source. Au début, je pensais que c'était juste un effet de requête ajax ordinaire, mais j'ai trouvé que cet effet spécial peut conduire à l'adresse du navigateur. La barre suit le changement, et vous pouvez faire glisser le code vers l'arrière et vers l'extérieur après avoir cliqué sur les boutons avant et arrière ~~ Alors étudions-le ~

8. Explication détaillée de la méthode URL de fonctionnement JavaScript (couramment utilisée dans les applications monopage)

Introduction détaillée à l'historique du navigateur

Introduction : Explication détaillée de la façon dont JavaScript exploite les URL (applications d'une seule page couramment utilisées) JavaScript dispose de nombreuses méthodes qui peuvent manipuler l'historique du navigateur, qu'il s'agisse de sauts de page ordinaires ou de modifications de la valeur de hachage d'une application d'une seule page, nous le ferons. traitent souvent de ces méthodes, en particulier dans les applications à page unique, ces méthodes sont presque des méthodes de routage de page. Cet article traite de ces méthodes en détail. 1.document.locationlocation est l'un des objets de nomenclature les plus utiles. Il fournit des informations sur le document chargé dans la fenêtre actuelle et fournit également certaines fonctions de navigation

【Recommandations de questions-réponses associées] :

javascript - Routage de la version web de QQ Music

javascript - À propos des problèmes rencontrés lors de l'utilisation d'isScroll.js

javascript - Historique du navigateur comme titre

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!

Déclaration:
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