3776 Stimmen

Die aktuelle URL mit JavaScript abrufen?

Ich möchte nur die URL der Website erhalten. Nicht die URL, wie sie von einem Link übernommen wurde. Beim Laden der Seite muss ich in der Lage sein, die vollständige, aktuelle URL der Website zu holen und sie als Variable festzulegen, mit der ich tun kann, was ich will.

2 Stimmen

4519voto

VolkerK Punkte 93746

使用する。

window.location.href

Wie in den Kommentaren erwähnt, funktioniert die folgende Zeile, aber sie ist für Firefox fehlerhaft.

document.URL

Siehe URL vom Typ DOMString, schreibgeschützt .

163 Stimmen

In Firefox 12 wird die document.URL Eigenschaft wird nicht aktualisiert, nachdem eine window.location zu einem Anker (#), während window.location.href tut. Ich habe keine anderen Versionen von Firefox getestet. Keine Probleme mit document.URL wurden in Chrome 20 und IE9 gefunden.

105 Stimmen

Sie können auch den Host und den Standort bestimmen: window.location.host y window.location.href.toString().split(window.location.host)[‌​1]

13 Stimmen

Und was ist document.baseURI von damals. Grundsätzlich gibt es 3 Möglichkeiten, url zu bekommen document.baseURI , document.URL , & location .

897voto

Nikhil Agrawal Punkte 24920

URL Info Zugang

JavaScript bietet Ihnen zahlreiche Methoden zum Abrufen und Ändern der aktuellen URL, die in der Adressleiste des Browsers angezeigt wird. Alle diese Methoden verwenden die Location Objekt, das eine Eigenschaft des Window Objekt. Sie können ein neues Location Objekt, das die aktuelle URL wie folgt enthält:

var currentLocation = window.location;

Grundlegende URL-Struktur

<protocol>//<hostname>:<port>/<pathname><search><hash>
  • Protokoll: Gibt den Protokollnamen an, der für den Zugriff auf die Ressource im Internet verwendet werden soll. (HTTP (ohne SSL) oder HTTPS (mit SSL))

  • Hostname: Hostname gibt den Host an, dem die Ressource gehört. Zum Beispiel, www.stackoverflow.com . Ein Server bietet Dienste unter dem Namen des Hosts an.

  • Hafen: Eine Portnummer, die verwendet wird, um einen bestimmten Prozess zu erkennen, an den eine Internet- oder andere Netzwerknachricht weitergeleitet werden soll, wenn sie auf einem Server eintrifft.

  • Pfadname: Der Pfad gibt Auskunft über die spezifische Ressource innerhalb des Hosts, auf die der Web-Client zugreifen möchte. Zum Beispiel, /index.html .

  • Suche: Eine Abfragezeichenfolge folgt der Pfadkomponente und enthält eine Zeichenfolge von Informationen, die die Ressource für einen bestimmten Zweck verwenden kann (z. B. als Parameter für eine Suche oder als zu verarbeitende Daten).

  • Rauten: Der Ankerteil einer URL enthält das Rautenzeichen (#).

Mit diesen Location Objekteigenschaften können Sie auf alle diese URL-Komponenten zugreifen und erfahren, was sie setzen oder zurückgeben können:

  • href - die gesamte URL
  • Protokoll - das Protokoll der URL
  • Gastgeber - den Hostnamen und den Port der URL
  • Hostname - der Hostname der URL
  • Hafen - die Portnummer, die der Server für die URL verwendet
  • Pfadname - der Pfadname der URL
  • Suche - den Abfrageteil der URL
  • Hash - der Ankerteil der URL

Ich hoffe, Sie haben Ihre Antwort erhalten.

15 Stimmen

Sie sind keine "Methoden" der window.location sondern Eigenschaften, und Hier ein Beispiel : var stringPathName = window.location.pathname .

1 Stimmen

@FabioC. Sie können es entfernen, indem Sie substring . Es kann jedoch nützlich sein, wenn Sie eine Umleitung document.location = "/page.html"; wird auf die Root-Seite umgeleitet page.html

1 Stimmen

Beachten Sie ie9 pathname hat keinen vorangestellten Schrägstrich, also könnte es lauten index.html .

342voto

Christoph Punkte 157217

使用方法 window.location für den Lese- und Schreibzugriff auf die Standortobjekt die mit dem aktuellen Rahmen verbunden sind. Wenn Sie nur die Adresse als schreibgeschützte Zeichenkette erhalten wollen, können Sie document.URL die den gleichen Wert enthalten sollte wie window.location.href .

19 Stimmen

314voto

Zanoni Punkte 28468

Ruft die aktuelle Seiten-URL ab:

window.location.href

5 Stimmen

Beachten Sie, dass dies der Ort des Fensters ist, nicht der des Dokuments.

19 Stimmen

Das ist das Gleiche. Die vollständige aktuelle URL bezieht sich auf den Dokumentpfad (externe Adresse).

3 Stimmen

Ist es standardisiert wie document.url (ich meine so etwas wie ein w3c-Dokument)?

118voto

Alireza Punkte 92209

OK, ich bekomme die vollständige URL der aktuellen Seite ist mit reinem JavaScript leicht möglich. Probieren Sie zum Beispiel diesen Code auf dieser Seite aus:

window.location.href;
// use it in the console of this page will return
// http://stackoverflow.com/questions/1034621/get-current-url-in-web-browser"

Le site window.location.href Eigenschaft gibt die URL der aktuellen Seite zurück.

document.getElementById("root").innerHTML = "The full URL of this page is:<br>" + window.location.href;

<!DOCTYPE html>
<html>

<body>
  <h2>JavaScript</h2>
  <h3>The window.location.href</h3>
  <p id="root"></p>
</body>

</html>

Es wäre nicht schlecht, auch diese zu erwähnen:

  • wenn Sie einen relativen Pfad benötigen, verwenden Sie einfach window.location.pathname ;

  • Wenn Sie den Hostnamen erhalten möchten, können Sie window.location.hostname ;

  • und wenn Sie das Protokoll separat abrufen müssen, verwenden Sie window.location.protocol

    • auch, wenn Ihre Seite hash Tag, können Sie es so erhalten: window.location.hash .

Also window.location.href alles auf einmal... im Grunde:

window.location.protocol + '//' + window.location.hostname + window.location.pathname + window.location.hash === window.location.href;
    //true

Auch mit window wird nicht benötigt, wenn es sich bereits im Fensterbereich befindet...

In diesem Fall können Sie also verwenden:

location.protocol

location.hostname

location.pathname

location.hash

location.href

Get the current URL with JavaScript

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X