✅ HTML5 - Standortobjekt | Entwicklung 2024

Inhaltsverzeichnis

Das Objekt Lage ist einer von vielen, auf die wir zugreifen können SONNE, Dies ermöglicht uns, relevante Informationen über die Adresse des Dokuments zu erhalten und ermöglicht auch die Navigation zu anderen Dokumenten.
Das Standortobjekt
Wie eingangs erwähnt, ist das Objekt Lage ermöglicht uns den Zugriff auf die Standorteigenschaften unseres Dokuments über die SONNE, damit wir detaillierte Informationen zu den Adressen erhalten und zu anderen Dokumenten navigieren können.
Um all dies zu erhalten, haben wir die folgenden Eigenschaften und Methoden, die wir beim Aufrufen dieses Objekts verwenden können. Sehen wir uns die Liste an und was jeder tut:

· Protokoll: Ruft die Protokollkomponente der Dokument-URL ab oder legt diese fest.

· Gastgeber: Ruft die Hostkomponente der Dokument-URL ab oder legt diese fest.

· href : Ruft den Speicherort des aktuellen Dokuments ab oder legt diesen fest.

· Hostname: Ruft den Hostnamen der Dokument-URL ab oder legt diesen fest.

· Hafen: Ruft die Portkomponente der Dokument-URL ab oder legt diese fest.

· Pfadname: Ruft den Pfad oder die Pfadkomponente der Dokument-URL ab oder legt diesen fest.

· Suche: Ruft die Abfragekomponente der Dokument-URL ab oder legt diese fest.

· hash : Ruft eine Hash-Komponente für die URL des Dokuments ab oder legt diese fest.

· zuordnen (): Navigieren Sie zur angegebenen URL.

· ersetzen (): Entfernen Sie das aktuelle Dokument und navigieren Sie zu dem in der URL angegebenen Dokument.

· neu laden (): Laden Sie das aktuelle Dokument neu oder aktualisieren Sie es.

· löseURL(): Löst die angegebene relative URL in einen absoluten Pfad auf.

Sehr gut, jetzt, da wir wissen, was wir haben, werden wir ein kleines Beispiel sehen, wie man all diese Informationen in einem Dokument mit erhält Javascript in unserem HTML-Dokument.

 Beispiel

Sehen wir uns an, wie dies im Browser interpretiert wird; Um die Such- und Hash-Funktionalität zu demonstrieren, die wir verwenden ?abfrage = Äpfel # Äpfel Damit wir sehen können, wie der Browser es aufnimmt, unter dem Ergebnis in der folgenden Abbildung:

Verwenden Sie das Standortobjekt, um zu einer anderen Seite zu navigieren
Wie bereits erwähnt, können wir das Location-Objekt auch verwenden, um zu einer anderen Site zu navigieren, d. h. um zu einem anderen Dokument zu gelangen Lassen Sie uns zunächst den Code sehen, den wir generieren müssen, und dann erklären wir, wie es funktioniert:

Beispiel

Es gibt viele verschiedene Obstsorten – allein von Bananen gibt es über 500 Sorten. Wenn wir die unzähligen Apfel-, Orangen- und anderen bekannten Obstsorten hinzufügen, stehen wir vor Tausenden von Möglichkeiten.

Drück mich

Einer der interessantesten Aspekte von Obst ist die in jedem Land verfügbare Vielfalt. Ich lebe in der Nähe von London, in einer Gegend, die für ihre Äpfel bekannt ist.

In diesem Code machen wir einfach Folgendes: Zuerst legen wir fest, dass wir in das Element mit der ID pressme eine neue Funktion einfügen, wenn Sie darauf klicken, dies dank des onclick-Ereignisses, dann innerhalb der Funktion, die aktiviert wird, wenn Sie klick wir benutzen das objekt document.location.hash und wir passen den Wert des Hashs an, zu dem wir navigieren werden. In diesem Fall ist Banane ein Bild, das wir als ID eines Bildelementes img eingefügt haben.
Sehen wir uns an, wie das in unserem Browser aussieht:

VERGRÖSSERN

Wie wir sehen, ist dies ein sehr nützliches Verhalten und wir erreichen es auf sehr einfache Weise mit dem Standortobjekt.
Eine andere Möglichkeit könnte die Verwendung der zuvor aufgeführten Ersetzungsmethode sein. Die Besonderheit von Ersetzen besteht jedoch darin, dass das aktuelle Dokument durch dasjenige ersetzt wird, das es als Parameter empfängt, wodurch das Dokument, das es aufgerufen hat, aus der Historie entfernt wird, also der Zurück-Button der Browser würde nirgendwo hinführen.Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben