Maison >interface Web >js tutoriel >Comment puis-je modifier une URL sans recharger la page et accéder à la partie avant le hachage ?

Comment puis-je modifier une URL sans recharger la page et accéder à la partie avant le hachage ?

DDD
DDDoriginal
2024-12-28 19:45:17285parcourir

How Can I Change a URL Without Reloading the Page and Accessing the Part Before the Hash?

Modification des URL sans rechargement de page

Question :

Comment modifier l'URL de la page actuelle sans déclencher de message recharger la page, et accéder spécifiquement à la partie avant le '#' hachage ?

Réponse :

Dans les navigateurs modernes (Chrome, Safari, Firefox 4 et Internet Explorer 10pp4 ), cette fonctionnalité est désormais possible.

Mise en œuvre :

  1. Modifier l'URL :

    • window.history. pushState({object}, title, urlPath) : définit un nouvel état dans l'historique du navigateur sans recharger la page, permettant vous de modifier l'URL en fournissant un objet d'état, un titre et le chemin de l'URL souhaité (tout après le domaine).
  2. Exemple :
function processAjaxData(response, urlPath) {
  document.getElementById("content").innerHTML = response.html;

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