English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Location href Eigenschaft

JavaScript Location  Objekt

hrefEigenschaftssatz oder Rückgabe der vollständigen URL der aktuellen Seite.

Syntax:

Rückgabe des href-Attributs:

location.href

Setzen Sie das href-Attribut:

location.href = URL
var x = location.href;
document.querySelector("#output").innerHTML = x;
Testen Sie heraus‹/›

Browserkompatibilität

Der href-Attribut wird von allen Browsern vollständig unterstützt:

Attribut
hrefJaJaJaJaJa

Attributswert

WertBeschreibung
URLZeichenkette, die die URL des Links angibt.
Mögliche Werte:
  • Absoluter Link-Absoluter Pfad beginnt am Wurzelverzeichnis des Dateisystems. Er enthält immer die vollständige URL der Datei (z.B. href="https://de.oldtoolbag.com/html/")

  • Relativer Link -Verweis auf eine Datei im Dokument der Website (z.B. href="/ html /")

  • Anker-URL-Verweis auf einen锚punkt im Dokument der Seite (z.B. location.href ="#empty_element")

  • Neues Protokoll -Bestimmen Sie andere Protokolle (z.B.
    location.href="ftp://myftpserver.com",
    location.href="mailto:[email protected]"
    oder location.href="file:// host / path /example.txt")

Technische Details

Rückgabewert:Eine Zeichenkette, die die gesamte URL der Seite darstellt, einschließlich Protokoll (z.B. https://)

Mehr Beispiele

Setzen Sie den href-Wert auf eine andere Website:

location.href = "https://de.oldtoolbag.com";
Testen Sie heraus‹/›

Setzen Sie den href-Wert auf einen锚punkt im Dokument der Seite:

location.href = "#top";
Testen Sie heraus‹/›

Dieser Beispiel zeigt alle Positionseigenschaften:

var txt = "";
txt += "<p>Host: " + location.host + "</p>";
txt += "<p>Hostname: " + location.hostname + "</p>";
txt += "<p>Href: " + location.href + "</p>";
txt += "<p>Ursprung: " + location.origin + "</p>";
txt += "<p>Pfadname: " + location.pathname + "</p>";
txt += "<p>Protokoll: " + location.protocol + "</p>";
txt += "<p>Search: " + location.search + "</p>";
document.write(txt);
Testen Sie heraus‹/›

Verwandte Referenzen

Position Referenz:location.host-Eigenschaft

Position Referenz:location.hostname-Eigenschaft

Position Referenz:location.pathname-Eigenschaft

Position Referenz:location.protocol-Eigenschaft

JavaScript Location  Objekt