Maison > Article > interface Web > Comment utiliser le popstate ? Résumé de l'utilisation de l'instance popstate
Cet article présente principalement l'historique des opérations pushstate et popstate de HTML5, et les informations pertinentes sur la modification de l'URL actuelle sans actualiser. Les amis dans le besoin peuvent se référer à l'étape suivante. Comprendre window.historywindow.history représente l'historique de la fenêtre. objet, qui est déterminé par l'utilisateur. Un objet global qui est activement généré et contrôlé par des scripts JavaScript. L'objet window permet d'accéder à l'historique du navigateur via l'objet history. Il expose quelques méthodes et propriétés très utiles qui vous permettent d'avancer et de reculer librement dans l'historique. 1. Avancer et reculer dans l'historique Pour revenir en arrière dans l'historique, vous pouvez faire ceci : window.history.back(); C'est comme si l'utilisateur clique sur le bouton Précédent du navigateur. De même, vous pouvez avancer, tout comme cliquer sur le bouton Suivant dans le navigateur, comme ceci : window.history.forward(); 2. Déplacez-vous vers un point d'historique spécifié en spécifiant une valeur relative à la position actuelle de la page, vous pouvez utiliser La méthode go() charge la page à partir de l'historique de la session en cours
Introduction : Cet article présente principalement l'historique des opérations pushstate et popstate en HTML5, ainsi que des informations associées sur la modification de l'URL actuelle sans actualisation. Amis qui en ont besoin Vous pouvez vous référer à ce qui suit
Introduction : Cet article présente principalement l'historique des opérations pushstate et popstate en HTML5, ainsi que des informations connexes sur la modification de l'URL actuelle sans rafraîchissant. Les amis dans le besoin peuvent s'y référer
3 Cliquez à nouveau sur la page JQ et une boîte de dialogue apparaîtra
Introduction : demo.js jQuery(document).ready(function ($) { if (window.history && window.history.pushState ) { $(window).on('popstate', function () { var hashLocation = location.hash; var hash ...
4.
Utilisez pushState, popState et location.hash et d'autres méthodes pour implémenter un petit itinéraire par vous-même
Introduction : Cet article enregistre principalement les API pushState et replaceState fournies par l'historique en HTML5. Enfin, implémentez vous-même un petit routage via ces API
5.Créez une meilleure expérience de navigation - API d'historique HTML5
Introduction : L'API d'historique HTML5 ne comprend que 2 méthodes : history.pushState() et history.replaceState(), et 1 événement : window.onpopstate. ,.
[Recommandations de questions et réponses associées] :
javascript - Événement popstate WeChat, comment résoudre l'événement de restauration pour annuler les données d'initialisation d'initialisation
javascript - Impossible d'obtenir l'état de l'événement onpopstate ?
javascript - Le bouton Chrome Précédent Suivant ne déclenche pas l'événement onpopstate
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!