Maison > interface Web > js tutoriel > Puis-je modifier l'URL d'un site Web dans la barre d'adresse sans actualiser la page ?

Puis-je modifier l'URL d'un site Web dans la barre d'adresse sans actualiser la page ?

Barbara Streisand
Libérer: 2024-12-29 08:44:11
original
459 Les gens l'ont consulté

Can I Change a Website's URL in the Address Bar Without Refreshing the Page?

Modifier l'URL dans la barre d'adresse sans actualiser la page

Dans une requête récente, un utilisateur s'est renseigné sur la possibilité de mettre à jour l'URL dans la barre d'adresse sans recharger la page. Cette requête a déclenché une discussion sur la mise en œuvre d'une telle fonctionnalité au sein du canal de développement de Chrome. Il a été déterminé plus tard que l'API d'historique HTML5 de Chrome permettait de modifier le composant de chemin de la barre d'adresse, à l'exclusion des parties de hachage ou de domaine.

L'API d'historique HTML5 introduit les fonctions suivantes :

  • pushState() : Ajoute une nouvelle entrée à la pile d'historique du navigateur, mettant à jour l'URL et le titre de la page sans actualiser le page.
  • replaceState() : Remplace l'entrée actuelle de l'historique, en mettant à jour l'URL et le titre de la page sans actualiser la page.
  • popstate() : Déclenche un événement lorsque l'utilisateur revient ou avance dans l'historique du navigateur, permettant à la page Web de répondre en conséquence.

Pour implémentez cette fonctionnalité dans Chrome, vous pouvez utiliser la fonction pushState() comme suit :

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal