Question Obtenez l'URL actuelle avec JavaScript?


Tout ce que je veux, c'est obtenir l'URL du site. Pas l'URL prise d'un lien. Sur le chargement de la page, je dois être en mesure de saisir l'URL complète et actuelle du site Web et le définir comme une variable à faire à ma guise.


2521
2018-06-23 19:26


origine


Réponses:


Utilisation:

window.location.href 

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

document.URL;

Voir URL de type DOMString, en lecture seule.


3144
2017-12-23 15:33



URL Info Accès

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 le Location objet, qui est une propriété de Window objet. Vous pouvez créer un nouveau Location objet 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 Internet. (HTTP (sans SSL) ou HTTPS (avec SSL))

  • nom d'hôte: Le 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 un autre message réseau doit être transféré lorsqu'il arrive sur un serveur.

  • chemin d'accès: Le chemin fournit des informations sur la ressource spécifique de l'hôte auquel le client Web souhaite accéder. Par exemple, /index.html.

  • question: Une chaîne de requête suit le composant path et fournit une chaîne d'informations que la ressource peut utiliser dans certains cas (par exemple, en tant que paramètres pour une recherche ou en tant que données à traiter).

  • hacher: La partie ancre d'une URL comprend le signe dièse (#).

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

  • href - l'URL complète
  • protocole - le protocole de l'URL
  • hôte - 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 utilisé par le serveur pour l'URL
  • chemin d'accès - le nom du chemin de l'URL
  • chercher - la partie requête de l'URL
  • hacher - la partie ancre de l'URL

J'espère que tu as ta réponse ..


520
2018-06-23 19:35



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

Utilisation window.location pour lire et   écrire l'accès à la emplacement   objet   associé à la trame actuelle. Si   vous voulez juste obtenir l'adresse en tant que   chaîne en lecture seule, vous pouvez utiliser    document.URL, qui devrait contenir   la même valeur que    window.location.href.


309
2018-06-23 19:28



Obtient l'URL de la page en cours:

window.location.href

249
2017-09-10 06:51



Pour obtenir le chemin, vous pouvez utiliser:

alert("Url  ="+document.location);
alert("PathName  ="+ window.location.pathname);// Returns path only
alert("url  ="+window.location.href);// Returns full URL


30
2018-04-25 16:14



Utilisation: window.location.href.

Comme indiqué ci-dessus, document.URL  ne met pas à jour en mettant à jour window.location. Voir MDN.


26
2018-06-09 09:32



Ouvrir Outils de développement, tapez ce qui suit dans le console et appuyez Entrer.

window.location

Ex: Voici la capture d'écran du résultat sur la page en cours.

enter image description here

Prenez ce dont vous avez besoin ici. :)


25
2018-03-26 06:10



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

18
2017-10-08 15:24



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');

13
2017-10-07 02:31



OK, obtenir le URL complète de la page actuelle est facile en utilisant du 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:<br>" + window.location.href;
<!DOCTYPE html>
<html>

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

</html>

Juste pas mal de mentionner aussi:

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

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

Et si vous avez besoin d'obtenir le protocole séparément, faites simplement window.location.protocol

Aussi, si votre page a hash tag, vous pouvez l'obtenir comme: window.location.hash

Alors window.locatation.href gère tout en une fois ... fondamentalement:

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

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

Donc, dans ce cas, vous pouvez utiliser:

location.protocol

location.hostname

location.pathname

location.hash

location.href

Get the current URL with JavaScript


13
2017-12-19 12:58



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

Le code ci-dessus peut également aider quelqu'un


9
2017-09-05 23:07