Comment obtenir l'ancre à partir de l'URL en utilisant jQuery ?

Question

J'ai une URL qui ressemble à :

www.example.com/task1/1.3.html#a_1

Comment puis-je obtenir le a_1 la valeur de l'ancre en utilisant jQuery et en la stockant comme une variable ?

Answer 1

Pour fenêtre actuelle vous pouvez utiliser ceci :

var hash = window.location.hash.substr(1);

Pour obtenir la valeur de hachage du fenêtre principale utilisez ceci :

var hash = window.top.location.hash.substr(1);

Si vous avez une chaîne avec un URL/hash, la méthode la plus simple est :

var url = 'https://www.stackoverflow.com/questions/123/abc#10076097';
var hash = url.split('#').pop();

Si vous utilisez jQuery, utilisez ceci :

var hash = $(location).attr('hash');

Answer 2

Vous pouvez utiliser le .indexOf() et .substring() comme ceci :

var url = "www.aaa.com/task1/1.3.html#a_1";
var hash = url.substring(url.indexOf("#")+1);

Vous pouvez l'essayer ici si elle ne dispose pas d'une # dans celui-ci, faites un if(url.indexOf("#") != -1) vérifiez comme ceci :

var url = "www.aaa.com/task1/1.3.html#a_1", idx = url.indexOf("#");
var hash = idx != -1 ? url.substring(idx+1) : "";

---

Si c'est le actuel vous pouvez simplement utiliser window.location.hash pour l'obtenir, et remplacer le # si vous le souhaitez.

Answer 3

Utilisez

window.location.hash

pour récupérer tout ce qui est au-delà et y compris le #.

Answer 4

Style jQuery :

$(location).attr('hash');

Answer 5

Vous pouvez utiliser l'"astuce" suivante pour analyser les données tout URL valide. Il tire parti de la fonction élément d'ancrage La propriété spéciale de la href, hash .

Avec jQuery

function getHashFromUrl(url){
    return $("<a />").attr("href", url)[0].hash.replace(/^#/, "");
}
getHashFromUrl("www.example.com/task1/1.3.html#a_1"); // a_1

Avec JS simple

function getHashFromUrl(url){
    var a = document.createElement("a");
    a.href = url;
    return a.hash.replace(/^#/, "");
};
getHashFromUrl("www.example.com/task1/1.3.html#a_1"); // a_1