Comment supprimer sans effort le hachage d'une URL en JavaScript sans rechargement ?

Suppression sans effort du hachage des URL avec JavaScript

Q : J'ai une URL comme http://example.com#something, et Je souhaite supprimer #quelque chose sans actualiser la page. L'utilisation de "window.location.hash = ''" n'a pas fonctionné.

R : L'API d'historique HTML5 fournit une solution élégante. Voici une fonction JavaScript qui fait l'affaire :

function removeHash () {
    history.pushState("", document.title, window.location.pathname
                                                       + window.location.search);
}

Cela fonctionne dans les principaux navigateurs comme Chrome, Firefox, Safari, Opera et même IE 10.

Pour les navigateurs qui ne le font pas ne prend pas en charge l'API History :

function removeHash () {
    var scrollV, scrollH, loc = window.location;
    if ("pushState" in history)
        history.pushState("", document.title, loc.pathname + loc.search);
    else {
        // Prevent scrolling by storing the current scroll offset
        scrollV = document.body.scrollTop;
        scrollH = document.body.scrollLeft;

        loc.hash = "";

        // Restore the scroll offset to prevent flickering
        document.body.scrollTop = scrollV;
        document.body.scrollLeft = scrollH;
    }
}

Cette solution n'est peut-être pas universellement compatible, mais elle fournit une dégradation gracieuse pour navigateurs qui ne prennent pas en charge l'API History.

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!