JavaScript peut-il modifier l'URL d'un navigateur sans recharger la page ?

Comment modifier l'URL du navigateur sans recharger la page à l'aide de JavaScript

Aperçu du problème :
Les utilisateurs souhaitent une solution JavaScript qui modifie l'URL du navigateur sans déclencher un rechargement de page, ce qui leur permet de stocker l'état de la page dans l'URL. De plus, ils demandent au bouton de retour de revenir à l'URL d'origine.

Solution :

Alors que les navigateurs modernes prennent en charge history.pushState() et history.popState() pour Si vous manipulez l'URL, les navigateurs existants nécessitent une approche alternative. Pour ces navigateurs, l'utilisation de l'identifiant de fragment (#) est une solution viable.

Implémentation :
Définissez la propriété window.location.hash sur une chaîne contenant les informations d'état souhaitées. Ensuite, utilisez l'événement window.onhashchange pour les navigateurs modernes ou implémentez des vérifications périodiques (par exemple, en utilisant setInterval) pour les navigateurs plus anciens. N'oubliez pas de vérifier également la valeur de hachage lors du chargement de la page pour initialiser l'état de la page.

Précautions :
Évitez les conflits avec les ID d'élément sur la page, car le navigateur défilera automatiquement jusqu'à la correspondance Pièces d'identité. Pour améliorer la convivialité, envisagez d'utiliser des plugins tels que le plugin hashchange de jQuery, qui prend en charge plusieurs implémentations de navigateurs.

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!