Obtenir l’URL actuelle avec JavaScript?

Utilisation:

window.location.href 

Comme indiqué dans les commentaires, la ligne ci-dessous fonctionne, mais elle est bogue pour Firefox.

 document.URL; 

Voir URL de type DOMSsortingng, en lecture seule .

URL Info Access

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’object Location , qui est une propriété de l’object Window . Vous pouvez créer un nouvel object Location ayant l’URL actuelle comme suit:

 var currentLocation = window.location; 

Structure d’URL de base

 //:/ 

• protocole: spécifie le nom du protocole à utiliser pour accéder à la ressource sur Internet. (HTTP (sans SSL) ou HTTPS (avec SSL))

• nom_hôte: nom d’hôte spécifie l’hôte propriétaire de la ressource. Par exemple, www.stackoverflow.com . Un serveur fournit des services en utilisant le nom de l’hôte.

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

• chemin d’access: le chemin donne des informations sur la ressource spécifique de l’hôte à laquelle le client Web souhaite accéder. Par exemple, /index.html .

• 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 précis (par exemple, en tant que parameters pour une recherche ou en tant que données à traiter).

• hash: la partie d’ancrage d’une URL inclut le signe dièse (#).

Avec ces propriétés d’object Location , vous pouvez accéder à tous ces composants URL et définir ce qu’ils peuvent définir ou renvoyer:

• href – l’URL entière
• protocole – le protocole de l’URL
• host – le nom d’hôte et le port de l’URL
• hostname – le nom d’hôte de l’URL
• port – le numéro de port que le serveur utilise pour l’URL
• chemin d’access – le nom du chemin de l’URL
• search – la partie requête de l’URL
• hash – la partie d’ancrage de l’URL

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

La même question a été posée il y a moins de 24 heures . Pour me citer:

Utilisez window.location pour accéder en lecture et en écriture à l’ object de localisation associé à l’image en cours. Si vous souhaitez simplement obtenir l’adresse en tant que chaîne en lecture seule, vous pouvez utiliser document.URL , qui doit contenir la même valeur que window.location.href .

Obtient l’URL de la page en cours:

 window.location.href 

Pour obtenir le chemin, vous pouvez utiliser:

 console.log('document.location', document.location.href); console.log('location.pathname', window.location.pathname); // Returns path only console.log('location.href', window.location.href); // Returns full URL 

Utilisez: window.location.href .

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

Ouvrez les outils de développement , tapez ce qui suit dans la console et appuyez sur Entrée .

 window.location 

Ex: Ci-dessous la capture d’écran du résultat sur la page en cours.

Prenez ce dont vous avez besoin d’ici. 🙂

• Utilisez window.location.href pour obtenir l’URL complète.
• Utilisez window.location.pathname pour obtenir l’URL quittant l’hôte.

Vous pouvez obtenir l’emplacement actuel de l’URL avec une balise de hachage en utilisant:

JavaScript:

  // Using href var URL = window.location.href; // Using path var URL = window.location.pathname; 

jQuery :

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

OK, obtenir l’ URL complète de la page en cours est facile en utilisant JavaScript pur. Par exemple, essayez ce code sur cette page:

 window.location.href; // use it in console of this page will return // http://stackoverflow.com/questions/1034621/get-current-url-in-web-browser" 

La propriété window.location.href renvoie l’URL de la page en cours.

 document.getElementById("root").innerHTML = "The full URL of this page is:
" + window.location.href; 

    
JavaScript
 
The window.location.href
 
   

 var currentPageUrlIs = ""; if (typeof this.href != "undefined") { currentPageUrlIs = this.href.toSsortingng().toLowerCase(); }else{ currentPageUrlIs = document.location.toSsortingng().toLowerCase(); } 

Le code ci-dessus peut aussi aider quelqu’un

Pour l’URL complète avec les chaînes de requête:

 document.location.toSsortingng().toLowerCase(); 

Pour l’URL de l’hôte:

 window.location 

Ajouter un résultat pour une référence rapide

window.location;

  Location {href: "https://stackoverflow.com/questions/1034621/get-the-current-url-with-javascript", ancestorOrigins: DOMSsortingngList, origin: "https://stackoverflow.com", replace: ƒ, assign: ƒ, …} 

document.location

  Location {href: "https://stackoverflow.com/questions/1034621/get-the-current-url-with-javascript", ancestorOrigins: DOMSsortingngList, origin: "https://stackoverflow.com", replace: ƒ, assign: ƒ , …} 

window.location.pathname

 "/questions/1034621/get-the-current-url-with-javascript" 

window.location.href

 "https://stackoverflow.com/questions/1034621/get-the-current-url-with-javascript" 

location.hostname

 "stackoverflow.com" 

En jstl, nous pouvons accéder au chemin de l’URL en cours en utilisant pageContext.request.contextPath . Si vous souhaitez effectuer un appel Ajax, utilisez l’URL suivante.

 url = "${pageContext.request.contextPath}" + "/controller/path" 

Exemple: pour la page http://stackoverflow.com/posts/36577223 cela donnera http://stackoverflow.com/controller/path .

La manière d’obtenir l’object d’emplacement actuel est window.location .

Comparez cela à document.location , qui à l’origine ne renvoyait que l’URL actuelle sous la forme d’une chaîne. Probablement pour éviter toute confusion, document.location été remplacé par document.URL .

Et tous les navigateurs modernes mappent document.location vers window.location .

En réalité, pour la sécurité entre navigateurs, vous devez utiliser window.location plutôt que document.location .

  location.origin+location.pathname+location.search+location.hash; 

Vous pouvez obtenir le lien complet de la page actuelle via location.href et pour obtenir le lien du contrôleur actuel, utilisez:

 location.href.subssortingng(0, location.href.lastIndexOf('/')); 

 window.location.toSsortingng(); 

 window.location.href 

Si vous faites référence à un lien spécifique qui a un identifiant, ce code peut vous aider.

 $(".disapprove").click(function(){ var id = $(this).attr("id"); $.ajax({ url: "", type: "post", success:function() { alert("The Request has been Disapproved"); window.location.replace("http://localhost/sample/page/"+id+""); } }); }); 

J’utilise ici ajax pour soumettre un identifiant et redirect la page en utilisant window.location.replace . ajoutez simplement un atsortingbut id="" comme indiqué.