Detaillierte Erläuterung der Verwendung von Location in JS_Javascript-Kenntnissen

Das Standortadressobjekt in JavaScript beschreibt die Adresse, die von einem bestimmten Fensterobjekt geöffnet wird. Um die Adresse des aktuellen Fensters darzustellen, verwenden Sie einfach „location“; um die Adresse eines bestimmten Fensters darzustellen, verwenden Sie „9bf54662ab0eebf19bebd7f4139e648f.location“.

1. Die Bedeutung des Standorts in JS

1. Das Location-Objekt wird in der Location-Eigenschaft des Window-Objekts gespeichert und stellt die Webadresse des aktuell in diesem Fenster angezeigten Dokuments dar. Sein href-Attribut speichert die vollständige URL des Dokuments und andere Attribute beschreiben verschiedene Teile der URL. Diese Eigenschaften sind den URL-Eigenschaften des Anchor-Objekts (oder Area-Objekts) sehr ähnlich. Wenn ein Location-Objekt in eine Zeichenfolge konvertiert wird, wird der Wert des href-Attributs zurückgegeben. Dies bedeutet, dass Sie den Ausdruck „location“ anstelle von „location.href“ verwenden können.

2. Das Anchor-Objekt stellt den Hyperlink im Dokument dar, aber das Location-Objekt stellt die URL (oder den Speicherort) des Dokuments dar, das aktuell vom Browser angezeigt wird. Aber das Location-Objekt kann noch viel mehr: Es kann auch die Position des vom Browser angezeigten Dokuments steuern. Wenn dem Location-Objekt oder seinem href-Attribut eine Zeichenfolge mit einer URL zugewiesen wird, lädt der Browser das Dokument, auf das die neue URL verweist, und zeigt es an.

3. Zusätzlich zum Festlegen von location oder location.href zum Ersetzen der aktuellen URL durch die vollständige URL können Sie auch einen Teil der URL ändern, indem Sie anderen Eigenschaften des Location-Objekts Werte zuweisen. Dadurch wird eine neue URL erstellt, die sich teilweise von der ursprünglichen URL unterscheidet, und der Browser lädt und zeigt sie an. Wenn Sie beispielsweise die Hash-Eigenschaft des Location-Objekts festlegen, bewegt sich der Browser zu einer angegebenen Position im aktuellen Dokument. Wenn das Suchattribut festgelegt ist, lädt der Browser die URL mit der angehängten neuen Abfragezeichenfolge neu.

4. Zusätzlich zum URL-Attribut kann die reload()-Methode des Location-Objekts das aktuelle Dokument neu laden, und replace() kann ein neues Dokument laden, ohne einen neuen Verlaufsdatensatz dafür zu erstellen. im Browser In der Verlaufsliste ersetzt das neue Dokument das aktuelle Dokument.

2. Standortattribut in JS

Eigenschaftsbeschreibung
hash Legt die URL (Anker) beginnend mit einem Nummernzeichen (#) fest oder gibt sie zurück. Wenn die Adresse kein „#“ enthält, wird ein leerer String zurückgegeben.
host legt den Hostnamen und die Portnummer der aktuellen URL fest oder gibt sie zurück.
hostname legt den Hostnamen der aktuellen URL fest oder gibt ihn zurück.
href legt die vollständige URL fest oder gibt sie zurück. Wenn Sie es in der Adressleiste des Browsers anzeigen, wird es zurückgegeben.
Pfadname legt den Pfadteil der aktuellen URL fest oder gibt ihn zurück.
port Legt die Portnummer der aktuellen URL fest oder gibt sie zurück. Legt die Portnummer der aktuellen URL fest oder gibt sie zurück.
Das Protokoll legt das Protokoll der aktuellen URL fest oder gibt es zurück. Der Wert ist „http:“, „https:“, „file:“ usw.
Die Suche legt die URL (Abfrageteil) fest oder gibt sie zurück, beginnend mit einem Fragezeichen (?).

3. Standortobjektmethode in JS

Eigenschaftsbeschreibung
„assign()“ lädt ein neues Dokument.
reload() lädt das aktuelle Dokument neu, was dem Drücken der Taste „Aktualisieren“ (IE) oder „Neu laden“ (Netscape) im Browser entspricht.
replace() ersetzt das aktuelle Dokument durch ein neues Dokument, was dem Drücken der Taste „Aktualisieren“ (IE) oder „Neu laden“ im Browser entspricht.

4. Standortinstanz in JS

//简单跳转

function gotoPage(url) { 

var url ="url?catalogid="+catalogID; 

window.location =url; 

}

//为单个页面传递参数

function goto_catalog(iCat) { 

if(iCat<=0) { 

top.location = "url";

} else { 

window.location ="url&#63;catid="+iCat; 

}

}

// 对指定框架进行跳转页面

function goto_iframe(url) { 

parent.mainFrame.location ="url"; 

}

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er gefällt Ihnen allen.