Obtenir L'URL actuelle avec JavaScript?

Tout ce que je veux est d'obtenir L'URL du site. Pas L'URL telle qu'elle provient d'un lien. Lors du chargement de la page, je dois être en mesure de saisir L'URL complète et actuelle du site web et de le Définir comme une variable à utiliser comme je le souhaite.

2564
demandé sur Peter Mortensen 2009-06-23 23:26:45

19 réponses

utiliser: 

window.location.href

comme indiqué dans les commentaires, la ligne ci-dessous fonctionne, mais il est sur écoute pour Firefox. 

document.URL;

See URL of type DOMString, readonly .

3182
répondu Peter Mortensen 2018-03-09 02:06:18

URL Info Access

JavaScript vous fournit de nombreuses méthodes pour récupérer et changer 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 a L'URL actuelle comme suit: 

var currentLocation = window.location;

structure D'URL de base 

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

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

  • nom d'hôte: 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.

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

  • chemin: le chemin donne des informations sur la ressource spécifique au sein de l'hôte que le client Web veut accéder. Par exemple, /index.html .

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

  • hachage: la partie ancre d'une URL, comprend le signe de hachage (#).

avec ces propriétés d'objet Location vous pouvez accéder à tous ces composants D'URL et ce qu'ils peuvent définir ou retour:

  • href - L'URL entière
  • protocole - le protocole de L'URL
  • host - le nom d'hôte et le port de L'URL
  • nom d'hôte - le nom D'hôte de L'URL
  • port - le numéro de port que le serveur utilise pour L'URL
  • nom de chemin - le nom de chemin de L'URL
  • recherche - la partie requête de L'URL
  • hash - la partie ancre de L'URL

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

532
répondu Nikhil Agrawal 2018-07-16 11:54:25

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

utiliser window.location pour lire et accès en écriture à l'emplacement objet associé au cadre actuel. Si vous voulez juste pour obtenir l'adresse d'un chaîne en lecture seule, vous pouvez utiliser document.URL , qui doit contenir de la même valeur que window.location.href .

310
répondu Christoph 2017-05-23 12:02:56

obtient L'URL de la page actuelle: 

window.location.href
250
répondu Zanoni 2009-06-23 19:28:43

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
32
répondu Sangeet Shah 2018-09-03 20:58:56

Ouvrir Outils de développement , tapez le texte suivant dans le console et appuyez sur Entrée . 

window.location

Ex: ci-dessous est la capture d'écran du résultat sur la page actuelle.

enter image description here

prenez ce dont vous avez besoin. :)

28
répondu tmh 2017-06-15 10:01:00

utiliser: window.location.href .

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

26
répondu Dorian 2014-04-25 16:14:28
  • utilisez window.location.href pour obtenir l'URL complète.
  • utilisez window.location.pathname pour obtenir L'URL quittant l'hôte.
18
répondu kishore 2015-04-21 09:08:28

vous pouvez obtenir l'emplacement actuel de L'URL avec une étiquette de hachage en utilisant:

JavaScript: 

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

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

jQuery : 

$(location).attr('href');
13
répondu Bhaskar Bhatt 2017-05-25 21:31:08

OK, obtenir le URL complète de la page actuelle 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
// /q/get-the-current-url-with-javascript-30195/"

la fenêtre.emplacement.la propriété href renvoie L'URL de la page courante. 

document.getElementById("root").innerHTML = "The full URL of this page is:<br>" + window.location.href;
<!DOCTYPE html>
<html>

<body>
  <h2>JavaScript</h2>
  <h3>The window.location.href</h3>
  <p id="root"></p>
</body>

</html>

ce n'est pas mal de les mentionner aussi:

Aussi, si vous avez besoin d'un parent chemin, utilisez simplement window.location.pathname ;

Et si vous voulez obtenir le nom d'hôte, vous pouvez utiliser window.location.hostname ;

et si vous devez obtenir le protocole séparément, faites simplement window.location.protocol

aussi si vous page a hash étiquette, vous pouvez l'obtenir comme: window.location.hash

Donc window.locatation.href gère tout à la fois... en gros: 

window.location.protocol + '//' + window.location.hostname + window.location.pathname + window.location.hash === window.location.href;
    //true

aussi utilisé window pas nécessaire si déjà dans la fenêtre de portée...

donc dans ce cas vous pouvez utiliser: 

location.protocol

location.hostname

location.pathname

location.hash

location.href

Get the current URL with JavaScript

13
répondu Alireza 2018-05-08 12:16:57 
var currentPageUrlIs = "";
if (typeof this.href != "undefined") {
       currentPageUrlIs = this.href.toString().toLowerCase(); 
}else{ 
       currentPageUrlIs = document.location.toString().toLowerCase();
}

le code ci-dessus peut aussi aider quelqu'un

9
répondu Rohan Patil 2014-07-07 09:54:01

pour L'URL complète avec chaînes de requête: 

document.location.toString().toLowerCase();

pour L'URL de l'hôte: 

window.location
7
répondu Syed Nasir Abbas 2014-09-13 10:45:22

addition du résultat pour consultation rapide

de la fenêtre.lieu; 

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

document.lieu 151980920" 

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

de la fenêtre.emplacement.chemin d'accès", 151980920" 

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

de la fenêtre.emplacement.href 

"/q/get-the-current-url-with-javascript-30195/"

emplacement.nom d'hôte 

"stackoverflow.com"
7
répondu Hitesh Sahu 2017-11-03 13:52:36

dans jstl nous pouvons accéder au chemin D'URL actuel en utilisant pageContext.request.contextPath . Si vous voulez faire 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 .

4
répondu Maleen Abewardana 2017-05-25 21:32:13

la façon d'obtenir l'objet de localisation actuel est window.location .

comparez ceci à document.location , qui à l'origine ne retournait L'URL courante que sous forme de chaîne. Probablement pour éviter toute confusion, document.location a été remplacé par document.URL .

et, tous les navigateurs modernes carte document.location à window.location .

en réalité, pour des raisons de sécurité, vous devez utiliser window.location plutôt que document.location .

4
répondu Josip Ivic 2017-05-25 21:32:43 
   location.origin+location.pathname+location.search+location.hash;
0
répondu زياد 2017-04-06 11:47:26

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

location.href.substring(0, location.href.lastIndexOf('/'));
0
répondu Khaled Harby 2017-05-25 21:29:40

si vous faites référence à un lien spécifique ayant un id ce code peut vous aider. 

$(".disapprove").click(function(){
                      var id = $(this).attr("id");

                      $.ajax({
                          url: "<?php echo base_url('index.php/sample/page/"+id+"')?>",
                          type: "post",
                          success:function()
                          {
                            alert("The Request has been Disapproved");
                            window.location.replace("http://localhost/sample/page/"+id+"");
                          }
                      });
                });

j'utilise ajax ici pour soumettre un id et rediriger la page en utilisant la fenêtre .emplacement.remplacer . il suffit d'ajouter l'attribut id="" comme indiqué.

0
répondu curiosity 2018-06-30 10:26:00

obtenir L'URL actuelle avec JavaScript:

  • fenêtre.emplacement.toString ();

  • de la fenêtre.emplacement.href

0
répondu Hasib Kamal 2018-09-22 06:36:16