Comment récupérer le hash à la fin d’une URL avec JavaScript

Dans ce tutoriel nous allons découvrir comment récupérer le hash à la fin d’une URL avec JavaScript. Parfois on modifie les éléments d’une page Web en fonction du valeur de hachage (#) de l’URL actuelle. C’est un moyen très efficace de transmettre une valeur dans l’URL et de charger la page Web en fonction de cette valeur. En utilisant JavaScript, vous pouvez facilement obtenir la valeur après le hashtag (#) à partir d’une URL.
 
 

Script pour récupérer le hash à la fin d’une URL
Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
if(window.location.hash) {
// Mettez le hash dans une variable et supprimer le caractère #
var hash = window.location.hash.substring(1);
alert(hash);
} else {
// Aucun hash n'est trouvé
}
if(window.location.hash) { // Mettez le hash dans une variable et supprimer le caractère # var hash = window.location.hash.substring(1); alert(hash); } else { // Aucun hash n'est trouvé }
if(window.location.hash) {
    // Mettez le hash dans une variable et supprimer le caractère #
    var hash = window.location.hash.substring(1);
    alert(hash);
} else {
    // Aucun hash n'est trouvé
}

Supposons que l’URL actuelle est – https://waytolearnx.com/t.html#Cours
 

Récupérer la valeur avec le hashtag (#):
Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
var hash = location.hash; //#Cours
var hash = location.hash; //#Cours
var hash = location.hash;   //#Cours

 

Récupérer la valeur après le hashtag (#):
Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
var hash = location.hash.substr(1); //Cours
var hash = location.hash.substr(1); //Cours
var hash = location.hash.substr(1);    //Cours
QCM Javascript

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *