Obtenir l'URL actuelle avec JavaScript ?

Question

Comment obtenir l'URL du site web ?

Pas l'URL telle qu'elle apparaît dans un lien. Sur la page de chargement, je veux obtenir l'URL complète et actuelle de la page Web en cours et stocker sa valeur dans une variable.

Answer 1

Utilisez :

alert(document.URL);

Voir URL de type DOMString, en lecture seule .

Answer 2

JavaScript vous fournit de nombreuses méthodes pour récupérer et modifier l'URL actuelle qui est affichée dans la barre d'adresse du navigateur. Toutes ces méthodes utilisent l'objet Location, qui est une propriété de l'objet Window. Vous pouvez créer un nouvel objet Location qui contient l'URL actuelle comme suit :

var currentLocation = window.location;

Structure de base d'une URL

<protocol>//<hostname>:<port>/<pathname><search><hash>

1. Protocole -- Spécifie le nom du protocole à utiliser pour accéder à la ressource sur Internet. (HTTP (sans SSL) ou HTTPS (avec SSL))

2. hostname -- Le nom d'hôte spécifie l'hôte qui possède la ressource. Par exemple, www.stackoverflow.com. Un serveur fournit des services en utilisant le nom de l'hôte.

3. port -- Un numéro de port utilisé pour reconnaître un processus spécifique auquel un message Internet ou autre réseau doit être transmis lorsqu'il arrive sur un serveur.

4. pathname -- Le chemin donne des informations sur la ressource spécifique de l'hôte à laquelle le client Web veut accéder. Par exemple, stackoverflow.com/index.html.

5. query -- Une chaîne de requête suit le composant path, et fournit une chaîne d'informations que la ressource peut utiliser dans un but quelconque (par exemple, comme paramètres pour une recherche ou comme données à traiter).

6. hash -- La partie ancre d'une URL, inclut le signe dièse (#).

Avec ces propriétés de l'objet Location, vous pouvez accéder à tous les composants URL suivants

1. dièse -Définit ou renvoie la partie ancre d'une URL.
2. hôte -Définit ou renvoie le nom d'hôte et le port d'une URL.
3. nom d'hôte -Définit ou renvoie le nom d'hôte d'une URL.
4. href -Définit ou renvoie l'intégralité de l URL.
5. chemin d'accès -Définit ou renvoie le nom du chemin d'accès d'une URL.
6. port -Définit ou renvoie le numéro de port que le serveur utilise pour une URL.
7. protocole -Définit ou renvoie le protocole d'une URL.
8. recherche -Définit ou renvoie la partie "requête" d'une URL

J'espère que vous avez eu votre réponse

Answer 3

La même question a été demandé il y a moins de 24 heures . Pour me citer moi-même :

Utilisez window.location pour la lecture et l'accès en lecture et en écriture au emplacement objet associé à la trame actuelle. Si vous souhaitez simplement obtenir l'adresse sous forme de chaîne en lecture seule, vous pouvez utiliser document.URL qui devrait contenir la même valeur que window.location.href .

Answer 4

Obtient l'URL de la page actuelle :

window.location.href

Answer 5

Utilisez : window.location.href .

Comme indiqué ci-dessus, document.URL ne met pas à jour lors de la mise à jour window.location . Voir MDN .