Detaillierte Erläuterung der Javascript-Parsing-URL-Methode_Javascript-Fähigkeiten

URL: Uniform Resource Locator (URL)

Die vollständige URL besteht aus diesen Teilen:
scheme://host:port/path?query#fragment

Schema = Kommunikationsprotokoll (häufig verwendetes http, ftp, maito usw.)
host = Host (Domänenname oder IP)
port = Portnummer
Pfad = Pfad

Abfrage = Abfrage
Optional, wird zum Übergeben von Parametern an dynamische Webseiten verwendet (z. B. Webseiten, die mit CGI, ISAPI, PHP/JSP/ASP/ASP.NET und anderen Technologien erstellt wurden). Jeder Parameter kann mehrere Parameter enthalten, die durch „&“-Symbole getrennt sind Name und Wert werden durch das Symbol „=“ getrennt.

Fragment = Informationsfragment
Eine Zeichenfolge, die zur Angabe des Fragments in der Netzwerkressource verwendet wird. Wenn eine Webseite beispielsweise mehrere Substantiverklärungen enthält, können Sie Fragment verwenden, um eine bestimmte Substantiverklärung direkt zu finden. (Auch Ankerpunkt genannt.)

Für eine solche URL
http://www.master8.net:80/seo/?ver=1.0&id=6#imhere

Wir können Javascript verwenden, um verschiedene Teile davon abzurufen
1, window.location.href
Der gesamte URL-String (die komplette Adressleiste im Browser)

2,window.location.protocol
Der Protokollteil der URL
Der Rückgabewert in diesem Beispiel: http:

3,window.location.host
Der Host-Teil der URL
Der Rückgabewert in diesem Beispiel: www.master8.net

4,window.location.port
Der Port-Teil der URL
Wenn der Standardport 80 verwendet wird (Update: auch wenn :80 hinzugefügt wird), ist der Rückgabewert nicht der Standardport 80, sondern das Leerzeichen
Der Rückgabewert in diesem Beispiel:""

5,window.location.pathname
Der Pfadteil der URL (d. h. die Dateiadresse)
Der Rückgabewert in diesem Beispiel:/seo/

6,window.location.search
Abfrage-(Parameter-)Teil
Zusätzlich zum Zuweisen von Werten zu dynamischen Sprachen können wir auch statischen Seiten Werte zuweisen und Javascript verwenden, um die entsprechenden Parameterwerte zu erhalten
Der Rückgabewert in diesem Beispiel:?ver=1.0&id=6

7,window.location.hash
Anker
Der Rückgabewert in diesem Beispiel: #imhere

8. URL-Parameterwert

Methode 1: Regelmäßige Analyse

Code kopieren Der Code lautet wie folgt:

Funktion 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;
}

Methode 2: In Arrays aufteilen

Code kopieren Der Code lautet wie folgt:

Funktion GetRequest() {
var url = location.search; //Erhalten Sie die Zeichenfolge nach dem „?“-Zeichen in der URL
var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url.substr(1);
       strs = str.split("&");
for(var i = 0; i < strs.length; i ) {
TheRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
}
}
Geben Sie die Anfrage zurück;
}

Die Methode ist sehr einfach, aber sehr praktisch. Hier sind zwei häufig verwendete Methoden. Teilen Sie uns dies bitte mit. Lasst uns gemeinsam Fortschritte machen