Verständnis und allgemeine Verwendung des Standortobjektattributs in HTML-Dokumenten_Grundkenntnisse

Ein einfaches Verständnis des Standortobjekts:

1. Das Standortobjekt deckt die aktuelle Seite (diese Seite) oder direkter die URL-Informationen des aktuell geladenen HTML-Dokuments ab

2. Das Standortobjekt ist ein Attribut des Fensterobjekts und kann über window.location

aufgerufen werden

Lassen Sie uns einige relevante Informationen zur URL (Ressourcen-Locator) vorstellen:

In Browsern bestehen URLs normalerweise aus folgenden Teilen:

[Protokoll][Host][Pfad][Abfrage]

Protokoll: Gängige Protokolle sind:

http:// gibt an, dass sich die Ressourcendatei auf dem Webserver befindet

ftp:// gibt an, dass sich die Ressourcendatei auf dem FTP-Server im Netzwerk befindet

Host: Hostname und Portnummer, z. B. der Host, der häufig vom lokalen Tomcat verwendet wird: localhost:8080

Pfad: Die Pfadinformationen des Projekts, normalerweise bestehend aus „/“ und Zeichen, „/“ ist die Vorgesetzten-Untergeordneten-Beziehung

Abfrage: beginnt normalerweise mit „?“, gefolgt von einigen Schlüssel-Wert-Paaren, die durch „&“ getrennt werden Auf der Serverseite kann es für Hintergrundoperationen, zum Abfragen von Datenbankbedingungen usw., zum Senden von Formulardaten usw. verwendet werden. Hier können sicherheitsrelevante Dinge verschlüsselt oder über andere Methoden übermittelt werden. . . .

Sie können nach der Abfrage auch Parameter hinzufügen, die mit „#“ beginnen, aber dies wird derzeit nicht verwendet, daher werde ich vorerst nicht beiläufig kommentieren

Standortobjektattribute:

1.href-Attribut: Die vollständigen URL-Informationen der aktuellen Seite, einschließlich Protokoll, Hostname, Portnummer, Abfrageparameter, #Informationen usw., alles enthalten

2.Host-Attribut: Hostname und Portnummer, z. B. localhost:8080 lokaler Computer

3.hostname: Hostname

4.Port: Portnummer in der URL

5.Pfadname: Der Teil des Pfadinhalts in der URL, der „/“ enthält

6.Protokoll:Protokoll

7.Suche: Der Abfrageteil, der mit „?“ beginnt

8.hash: Inhalt, der mit „#“ beginnt

Allgemeine Verwendung des Standorts

Offensichtlich gibt es neben der Bereitstellung praktischer Attributinformationen für Entwickler auch eine wichtigere und allgemeinere Verwendung

Das Neuladen der Seite kann zum Aktualisieren des Dokumentinhalts verwendet werden. Eine wichtigere Verwendung besteht jedoch darin, den Dokumentinhalt nach dem Ändern der href-Informationen neu zu laden

location.href: Nach der Zuweisung aktualisiert der Browser den Inhalt des Dokuments entsprechend der angegebenen neuen URL

location.reload(): Dokument neu laden

Helfen Sie uns, das Problem der domänenübergreifenden Seite zu lösen:

1. Aktualisieren Sie die aktuelle Seite

window.location.href =url//Ich bin es gewohnt, diese Methode zu verwenden

self.location.href =url

location.href =url

Alle oben genannten drei Methoden können verwendet werden, um die aktuelle Seite zu aktualisieren (Neuladen entsprechend der angegebenen URL, bei der es sich um ein weiteres brandneues Dokument handeln kann, das das aktuelle Dokument ersetzt) ​​

2. Wenn die übergeordnete Seite iframe verwendet, um die untergeordnete Seite einzubinden

Die übergeordnete Seite aktualisiert die untergeordnete Seite:

window.frames["id"].location.reload()//id ist die ID des Iframes auf der Seite

3. Die untergeordnete Seite aktualisiert die übergeordnete Seite

parant.location.reload()

self.opener.location.reload()

Es gibt viele Methoden und wir werden sie auch in Zukunft mit der tatsächlichen Verwendung zusammenfassen! ! ! !

Andere gängige Methoden:

location.replace() //Das aktuelle Dokument durch ein neues Dokument ersetzen

location.assign() //Neues Dokument laden