Explication détaillée des compétences de méthode_javascript d'analyse d'URL Javascript

URL : Localisateur de ressources uniformes (URL)

L'URL complète se compose de ces parties :
schéma://hôte:port/chemin?query#fragment

schéma = protocole de communication (http, ftp, maito, etc. couramment utilisés)
host = hôte (nom de domaine ou IP)
port = numéro de port
chemin = chemin

requête = requête
Facultatif, utilisé pour transmettre des paramètres à des pages Web dynamiques (telles que des pages Web créées à l'aide de CGI, ISAPI, PHP/JSP/ASP/ASP.NET et d'autres technologies). Il peut y avoir plusieurs paramètres, séparés par des symboles "&", chaque paramètre). Le nom et la valeur sont séparés par le symbole "=".

fragment = fragment d'information
Chaîne utilisée pour spécifier le fragment dans la ressource réseau. Par exemple, s'il existe plusieurs explications de noms dans une page Web, vous pouvez utiliser fragment pour localiser directement une certaine explication de nom. (Aussi appelé point d'ancrage.)

Pour une telle URL
http://www.master8.net:80/seo/?ver=1.0&id=6#imhere

Nous pouvons utiliser javascript pour en obtenir différentes parties
1, fenêtre.location.href
La chaîne URl entière (la barre d'adresse complète dans le navigateur)

2,window.location.protocole
La partie protocolaire de l'URL
La valeur de retour dans cet exemple : http:

3,window.location.host
La partie hôte de l'URL
La valeur de retour dans cet exemple : www.master8.net

4,window.location.port
La partie port de l'URL
Si le port par défaut 80 est utilisé (mise à jour : même si :80 est ajouté), la valeur de retour n'est pas le 80 par défaut mais le caractère vide
La valeur de retour dans cet exemple :""

5,window.location.pathname
La partie chemin de l'URL (c'est-à-dire l'adresse du fichier)
La valeur de retour dans cet exemple :/seo/

6,window.location.search
Partie requête (paramètre)
En plus d'attribuer des valeurs aux langages dynamiques, nous pouvons également attribuer des valeurs aux pages statiques et utiliser javascript pour obtenir les valeurs des paramètres correspondantes
La valeur de retour dans cet exemple :?ver=1.0&id=6

7,window.location.hash
Ancre
Valeur de retour dans cet exemple : #imhere

8. valeur du paramètre URL

Méthode 1 : Analyse régulière

Copier le code Le code est le suivant :

fonction getQueryString(nom) {
var reg = new RegExp("(^|&)" nom "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
>

Méthode 2 : Diviser en tableaux

Copier le code Le code est le suivant :

fonction GetRequest() {
var url = location.search; //Obtenir la chaîne après le caractère "?" dans l'url
var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url.substr(1);
       strs = str.split("&");
pour(var je = 0; je < strs.length; je ) {
TheRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
>
>
Renvoyez la demande ;
>

La méthode est très simple, mais très pratique. Voici 2 méthodes couramment utilisées. Si vous avez des méthodes différentes, merci de nous le faire savoir. Progressons ensemble