So erhalten Sie die URL -URL -Informationen auf der aktuellen Seite genau

In der Webentwicklung wird JavaScript häufig verwendet, um die URL -URL -Informationen der aktuellen Seite zu erhalten. Hier finden Sie einige meiner kurzen Zusammenfassung, URL -Informationen zu erhalten.

Lassen Sie uns ein Beispiel für eine URL geben und dann ihre Komponenten erhalten: http://i.cnblogs.com/editposts.aspx?opt=1

1. window.location.href (Setzen Sie die gesamte URL als String) oder erhalten Sie die gesamte URL)

var test = window.location.href;

Alarm (Test);

Rückkehr: http://i.cnblogs.com/editposts.aspx?opt=1

2. window.location.protocol (der Protokollteil der Einstellung oder Erlangung von URL)

var test = window.location.protocol;

Alarm (Test);

Rückkehr: http:

A. window.location.host (setzen oder den Hostteil der URL erhalten) oder erhalten)

var test = window.location.host;

Alarm (Test);

Rückkehr zu: I.cnblogs.com

V.

var test = window.location.port;

Alarm (Test);

Rückgabe: leeres Zeichen (wenn der Standard -80 -Port verwendet wird (Update: Auch wenn: 80 hinzugefügt wird), ist der Rückgabewert nicht der Standard -80, sondern das leere Zeichen).

5. window.location.PathName (festlegen oder den Pfadteil mit der URL (dh der Dateiadresse) festlegen oder abrufen))

var test = window.location.PathName;

Alarm (Test);

Return: /editposts.aspx

6. window.location.Search (festlegen oder den Teil des HREF -Attributs festlegen oder abrufen, das dem Fragezeichen folgt)

var test = window.location.Search;

Alarm (Test);

Rückkehr:? Opt = 1

PS: Erhalten Sie den Teil der Abfrage (Parameter). Zusätzlich zur Zuweisung von Werten für dynamische Sprachen können wir auch statische Seiten angeben und JavaScript verwenden, um den Wert des von uns glauben, dass dies der Wert erhalten wird.

7. window.location.hash (Setzen Sie das Segment nach dem Pfundzeichen "#" im HREF -Attribut) oder erhalten Sie das Segment).

var test = window.location.hash;

Alarm (Test);

Rückkehr: leerer Zeichen (weil es in der URL kein gibt)

8. Js erhalten Parameterwerte in der URL

1. reguläres Recht

 Funktion getQueryString (name) {var reg = new Regexp ('(^| &)' + name + '= ([^&]*) (& | $)', 'i'); var r = window.location.search.substr (1) .Match (reg); if (r! = null) {return undeell (r [2]); } return null;} // Auf diese Weise rufen: alert (getQueryString ("Parametername 1")); alert (getQueryString ("Parametername 2")); alert (getQueryString ("Parametername 3"));

2. Aufteilungsmethode

 Funktion getRequest () {var url = location.Search; // Holen Sie sich die Zeichenfolge nach dem "?" Zeichen in der URL var incquest = new Object (); if (url.indexof ("?")! = -1) {var str = url.substr (1); strs = str.split ("&"); für (var i = 0; i <strs.Length; i ++) {incQuest [strs [i] .Split ("=") [0]] = unaus ESCAPE (STRS [i] .Split ("=") [1]); }} return intelligent;} var request = new Object (); request = getRequest (); <br> // var id = request ["id"]; // var Parameter 1, Parameter 2, Parameter 3, Parameter n; // Parameter 1 = Request ['Parameter 1']; // Parameter 2 = Request ['Parameter 2']; // Parameter 3 = Request ['Parameter 3']; // Parameter n = request ['Parameter n'];

3..

Zum Beispiel eine URL: http://i.cnblogs.com/?j=js. Wenn wir den Wert von Parameter j erhalten möchten, können wir ihn über die folgende Funktion aufrufen.

 Funktion getQueryString (Name) {var reg = new Regexp ("(^| &)" + name + "= ([^&]*) (& | $)", "i"); var r = window.location.search.substr (1) .Match (reg); // Holen Sie sich die Zeichenfolge nach dem "?" Zeichen in der URL und stimmen Sie regelmäßig an var context = ""; if (r! = null) context = r [2]; reg = null; r = null; return context == null || Kontext == "" || Kontext == "undefiniert"? "": Kontext; } alert (getQueryString ("j"));

4. Methode zum Erhalten einzelner Parameter

 Funktion getRequest () {var url = location.Search; // Holen Sie sich die Zeichenfolge nach dem "?" Zeichen in URL if (url.indexof ("?")! // aus dem ersten Zeichen, weil der 0. das ist? Zeichen, um alle Zeichenfolgen mit Ausnahme des Fragezeichens Strs = str.split ("=") zu erhalten; // getrennt mit gleichem Vorzeichen (weil ich weiß, dass es nur einen Parameter gibt, verwende ich direkt das gleiche Vorzeichen, um zu trennen, wenn mehrere Parameter mit & signierter Parameter vorhanden sind und dann gleiches Zeichen verwendet werden). // Melden Sie den ersten Parameter an (wenn mehrere Parameter vorhanden sind, muss er auch geschoben werden)}}

Das obige dreht sich alles um diesen Artikel. Ich hoffe, es wird für alle hilfreich sein, zu verstehen, wie die URL -URL -Informationen auf der aktuellen Seite erhalten werden.