Comment obtenir avec précision les informations URL de l'URL sur la page actuelle

Dans le développement Web, JavaScript est souvent utilisé pour obtenir les informations URL de l'URL de la page actuelle. Voici une partie de mon bref résumé de l'obtention d'informations URL.

Donnons un exemple d'une URL, puis obtenons ses composants: http://i.cnblogs.com/editpos.aspx?opt=1

1. Window.Location.href (définir ou obtenir l'URL entière en tant que chaîne)

var test = window.location.href;

alerte (test);

Retour: http://i.cnblogs.com/editpos.aspx?opt=1

2. Window.Location.protocol (la partie protocole de la définition ou de l'obtention de l'URL)

var test = window.location.protoCol;

alerte (test);

Retour: http:

3. Window.Location.host (définir ou obtenir la partie hôte de l'URL)

var test = window.location.host;

alerte (test);

Retour à: i.cnblogs.com

4. Window.Location.port (Définissez ou obtenez le numéro de port associé à l'URL)

var test = window.location.port;

alerte (test);

Retour: caractère vide (si le port 80 par défaut est utilisé (mise à jour: même si: 80 est ajouté), la valeur de retour n'est pas la par défaut 80 mais le caractère vide)

5. Window.Location.PathName (définir ou obtenir la partie de chemin avec l'URL (c'est-à-dire l'adresse de fichier))

var test = window.location.pathname;

alerte (test);

Return: /editpos.aspx

6. Window.Location.Search (définir ou obtenir la partie de l'attribut HREF qui suit le point d'interrogation)

var test = window.location.search;

alerte (test);

Retour :? opt = 1

PS: Obtenez la pièce de requête (paramètre). En plus d'attribuer des valeurs aux langages dynamiques, nous pouvons également donner des pages statiques et utiliser JavaScript pour obtenir la valeur du paramètre qui, selon nous.

7. Window.Location.hash (définissez ou obtenez le segment après le signe de la livre "#" dans l'attribut HREF)

var test = window.location.hash;

alerte (test);

Retour: caractère vide (car il n'y a pas dans l'URL)

8. JS obtenir des valeurs de paramètres dans l'URL

1. Loi régulière

 fonction getQueryString (name) {var reg = new regexp ('(^ | &)' + name + '= ([^ &] *) (& | $)', 'i'); var r = window.location.search.substr (1) .match (reg); if (r! = null) {return Unescape (r [2]); } return null;} // Appelez de cette façon: alert (getQueryString ("Nom du paramètre 1")); alert (getQueryString ("Nom du paramètre 2")); alert (getQueryString ("Nom du paramètre 3"));

2. Méthode de fractionnement divisé

 fonction getRequest () {var url = location.search; // Obtenez la chaîne après le "?" caractère dans url var therequest = new object (); if (url.indexof ("?")! = -1) {var str = url.substr (1); strs = str.split ("&"); pour (var i = 0; i <str.length; i ++) {therest [strs [i] .split ("=") [0]] = unEscape (strs [i] .split ("=") [1]); }} return yquest;} var demande = new object (); request = getRequest (); <br> // var id = request ["id"]; // Paramètre var 1, paramètre 2, paramètre 3, paramètre n; // Paramètre 1 = demande ['Paramètre 1']; // Paramètre 2 = demande ['Paramètre 2']; // Paramètre 3 = demande ['Paramètre 3']; // Paramètre n = request ['Paramètre n'];

3. Désigné pour prendre

Par exemple, une URL: http://i.cnblogs.com/?j=js. Si nous voulons obtenir la valeur du paramètre J, nous pouvons l'appeler via la fonction suivante.

 fonction getQueryString (name) {var reg = new regexp ("(^ | &)" + name + "= ([^ &] *) (& | $)", "i"); var r = window.location.search.substr (1) .match (reg); // Obtenez la chaîne après le "?" Caractère dans l'URL et correspondez-le régulièrement var context = ""; if (r! = null) context = r [2]; reg = null; r = null; return context == null || Context == "" || Context == "Undefined"? "" : contexte; } alert (getQueryString ("j"));

4. Méthode pour obtenir des paramètres uniques

 fonction getRequest () {var url = location.search; // Obtenez la chaîne après le "?" caractère dans url if (url.indexof ("?")! = -1) {// juger s'il y a des paramètres var str = url.substr (1); // du premier caractère parce que le 0ème est le? signe pour obtenir toutes les chaînes à l'exception du point d'interrogation STRS = str.split ("="); // séparé avec un signe égal (parce que je sais qu'il n'y a qu'un seul paramètre, j'utilise directement un signe égal pour séparer s'il y a plusieurs paramètres à séparer avec & signe, puis j'utilise un signe égal) alert (STRS [1]); // Inscrivez le premier paramètre (s'il y a plusieurs paramètres, il doit également être bouclé)}}

Ce qui précède concerne cet article. J'espère qu'il sera utile pour tout le monde de comprendre comment obtenir les informations URL de l'URL sur la page actuelle.