Il existe deux façons d'obtenir des paramètres de barre d'adresse dans JS: le premier consiste à utiliser des expressions régulières pour obtenir des paramètres de barre d'adresse, et le second est une méthode relativement traditionnelle. Ici, l'éditeur recommande fortement l'utilisation de la première méthode, qui est pratique et pratique. Veuillez consulter les détails ci-dessous pour le processus de mise en œuvre spécifique.
Méthode 1: Utilisez des expressions régulières pour obtenir des paramètres de barre d'adresse: (hautement recommandé, à la fois pratique et pratique!)
fonction getQueryString (name) {var reg = new regexp ("(^ | &)" + name + "= ([^ &] *) (& | $)"); var r = window.location.search.substr (1) .match (reg); if (r! = null) return Unescape (r [2]); retourner null;}// Méthode d'appel
alert (getQueryString ("Nom du paramètre 1"));
alert (getQueryString ("Nom du paramètre 2"));
alert (getQueryString ("Nom du paramètre 3"));
Voici un exemple:
Si l'URL de la barre d'adresse est: abc.html? Id = 123 & url = http: //www.maidq.com
Ensuite, mais vous utilisez la méthode ci-dessus pour appeler: alert (getQueryString ("URL"));
Une boîte de dialogue apparaîtra: le contenu est http://www.maidq.com
Si vous utilisez: alert (getQueryString ("id")); Ensuite, le contenu pop-up est de 123;
Bien sûr, si vous ne transmettez pas de paramètres, par exemple, si votre adresse est ABC.HTML et qu'il n'y a pas de paramètre après, alors si le résultat de l'appel de sortie forcé signalera parfois une erreur:
Nous devons donc ajouter un jugement pour déterminer si le paramètre que nous demandons est vide et attribuer d'abord la valeur à une variable:
var myUrl = getQueryString ("url"); if (myUrl! = null && myUrl.ToString (). Length> 1) {alert (getQueryString ("url"));}De cette façon, vous ne signalerez pas d'erreur!
Méthode 2: Méthode traditionnelle
<script type = "text / javascript"> fonction urlSearch () {var name, value; var str = location.href; // Obtenez la barre d'adresse entière var num = str.indexof ("?") Str = str.substr (num + 1); // Obtenez tous les paramètres stringvar.substr (start [, longueur] var arr = str.split ("&"); // mettez chaque paramètre dans le tableau pour (var i = 0; i <arr.length; i ++) {num = arr [i] .Indexof ("="); if (num> 0) { name = arr [i] .substring (0, num); value = arr [i] .substr (num + 1); this [name] = value;}}} var request = new UrlSearch ();Par exemple, enregistrez ce code sous 1.html
Ensuite, je veux accéder à 1.html? Id = test
Pour le moment, la valeur de test est obtenue
Appelé en html
<script type = "text / javascript"> var a = "http://baidu.com"; </script> </ head> <body> <a id = "a1" href = ""> sadfsdfas </a> <script> var a1 = document.getElementbyid ("a1"); a1.href = a; </cript> <prict> <script> <script = "text / javascrip a = "http://xxx.com/gg.htm?cctv"; var s = a.indexof ("?"); var t = a.substring (s + 1); // t est ce qui vient après </cript>stringvar.substr (start [, longueur]
Renvoie une sous-chaîne de la longueur spécifiée à partir de la position spécifiée.
stringvar
Option requise. Un objet littéral ou chaîne de chaîne pour extraire une sous-chaîne.
commencer
Option requise. La position de départ de la sous-chaîne requise. L'indice du premier caractère de la chaîne est 0.
longueur
Facultatif. Le nombre de caractères qui doivent être inclus dans la sous-chaîne retournée.
Si la longueur est 0 ou négative, une chaîne vide sera renvoyée. Si ce paramètre n'est pas spécifié, la sous-chaîne continue à la fin de StringVar.
Voici quelques paramètres connexes:
str.tolowercase () se convertit en minuscules
str.touppercase () Toutes les chaînes sont converties en majuscules
L'URL est: Locator de ressources uniformes (URL)
L'URL complète se compose de ces parties:
schéma: // hôte: port / chemin? Requête # fragment
Schéma: protocole de communication
HTTP, FTP, MAITO, etc. couramment utilisés.
Hôte: hôte
Server (ordinateur) Nom de nom de domaine (DNS) Nom d'hôte ou adresse IP.
Port: numéro de port
Entier, facultatif, lorsqu'il est omis, le port par défaut du schéma est utilisé, tel que le port par défaut de HTTP est de 80.
Chemin: chemin
Une chaîne séparée par zéro ou plusieurs symboles "/" est généralement utilisé pour représenter un répertoire ou une adresse de fichier sur l'hôte.
requête: requête
Facultativement, il est utilisé pour transmettre des paramètres aux pages Web dynamiques (telles que les pages Web fabriquées à l'aide de CGI, ISAPI, PHP / JSP / ASP / ASP.NET et autres technologies). Il peut y avoir plusieurs paramètres, séparés par le symbole "&", et le nom et la valeur de chaque paramètre sont séparés par le symbole "=".
Fragment: fragment d'information
Une chaîne qui spécifie les fragments dans une ressource réseau. Par exemple, il existe plusieurs explications de noms dans une page Web, et vous pouvez utiliser des fragments pour localiser directement une certaine explication de terme. (également connu sous le nom de points d'ancrage.)
Pour une telle URL
http://www.maidq.com/index.html?ver=1.0&id=6#imhere
Nous pouvons en obtenir les différentes parties en JavaScript
1, window.location.href
La chaîne d'URL entière (la barre d'adresse complète dans le navigateur)
Valeur de retour dans cet exemple: http://www.maidq.com/index.html?ver=1.0&id=6#imhere
2, Window.Location.protocol
La partie protocole de l'URL
Cet exemple renvoie la valeur: http:
3, Window.Location.host
La partie hôte de l'URL
Valeur de retour dans cet exemple: www.maidq.com
4, window.location.port
La partie port de l'URL
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
Cet exemple renvoie la valeur: ""
5, fenêtre.location.pathname
La partie Chemin de l'URL (c'est-à-dire l'adresse du fichier)
Cet exemple renvoie la valeur: /fisker/post/0703/window.location.html
6, Window.Location.Search
Pièce de requête (paramètres)
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 serait.
Valeur de retour dans cet exemple :? ver = 1.0 & id = 6
7, Window.Location.hash
Point d'ancrage
Valeur de retour dans cet exemple: #imhere
Ce qui précède est la description complète des deux méthodes (simple et pratique) de JS pour obtenir des paramètres de barre d'adresse introduits par l'éditeur. J'espère que ce sera utile à tout le monde. Si vous avez des questions, veuillez me laisser un message et l'éditeur répondra à tout le monde à temps. Merci beaucoup pour votre soutien au site Web Wulin.com!