it-swarm.com.de

Aktuelle URL mit JavaScript abrufen?

Ich möchte nur die URL der Website erhalten. Nicht die URL aus einem Link. Beim Laden der Seite muss ich in der Lage sein, die vollständige, aktuelle URL der Website abzurufen und sie als Variable festzulegen, damit ich nach Belieben verfahren kann.

2819
dougoftheabaci

Verwenden:

window.location.href 

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

document.URL;

Siehe RL vom Typ DOMString, schreibgeschützt.

3481
VolkerK

RL Info Access

JavaScript bietet Ihnen viele Methoden zum Abrufen und Ändern der aktuellen URL, die in der Adressleiste des Browsers angezeigt wird. Alle diese Methoden verwenden das Objekt Location, das eine Eigenschaft des Objekts Window ist. Sie können ein neues Location -Objekt mit der aktuellen URL wie folgt erstellen:

var currentLocation = window.location;

Grundlegende URL-Struktur

<protocol>//<hostname>:<port>/<pathname><search><hash>
  • protocol: 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 stellt Dienste unter Verwendung des Hostnamens bereit.

  • port: 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.

  • pathname: Der Pfad gibt Informationen zu der bestimmten Ressource im Host an, auf die der Webclient zugreifen möchte. Zum Beispiel /index.html.

  • query: Eine Abfragezeichenfolge folgt der Pfadkomponente und stellt eine Informationszeichenfolge bereit, die die Ressource für einen bestimmten Zweck verwenden kann (z. B. als Parameter für eine Suche oder als zu verarbeitende Daten).

  • hash: Der Ankerteil einer URL enthält das Hash-Zeichen (#).

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

  • href - die gesamte URL
  • protocol - das Protokoll der URL
  • Host - Der Hostname und der Port der URL
  • Hostname - Der Hostname der URL
  • Port - Die Portnummer, die der Server für die URL verwendet
  • Pfadname - Der Pfadname der URL
  • Suche - der Abfrageteil der URL
  • Hash - der Ankerteil der URL

Ich hoffe du hast deine antwort bekommen ..

612
Nikhil Agrawal

Verwenden Sie window.location für Lese- und Schreibzugriff auf das Standortobjekt , das dem aktuellen Frame zugeordnet ist. Wenn Sie die Adresse nur als schreibgeschützten String abrufen möchten, können Sie document.URL verwenden, der denselben Wert wie window.location.href enthalten sollte.

315
Christoph

Ruft die aktuelle Seiten-URL ab:

window.location.href
255
Zanoni

m den Pfad zu ermitteln, können Sie Folgendes verwenden:

console.log('document.location', document.location.href);
console.log('location.pathname',  window.location.pathname); // Returns path only
console.log('location.href', window.location.href); // Returns full URL
37
Sangeet Shah

Öffnen Sie Developer Tools , geben Sie Folgendes in die Konsole ein und drücken Sie Geben Sie ein.

window.location

Bsp .: Unten sehen Sie den Screenshot des Ergebnisses auf der aktuellen Seite.

enter image description here

Holen Sie sich von hier aus, was Sie brauchen. :)

34
tmh

OK, mit reinem JavaScript ist es einfach, die vollständige URL der aktuellen Seite abzurufen. Versuchen Sie beispielsweise diesen Code auf dieser Seite:

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

Die Eigenschaft window.location.href 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>

Nur nicht schlecht, um 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 verwenden.

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

    • wenn Ihre Seite das Tag hash hat, können Sie es wie folgt abrufen: window.location.hash.

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

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

Auch die Verwendung von window ist nicht erforderlich, wenn bereits im Fensterbereich ...

In diesem Fall können Sie also Folgendes verwenden:

location.protocol

location.hostname

location.pathname

location.hash

location.href

Get the current URL with JavaScript

30
Alireza

Verwenden Sie: window.location.href.

Wie oben erwähnt, wird document.URL beim Aktualisieren von window.location nicht aktualisiert . Siehe MDN .

27
Dorian
  • Verwenden Sie window.location.href, um die vollständige URL abzurufen.
  • Verwenden Sie window.location.pathname, um die URL zu erhalten, die den Host verlässt.
19
kishore

Sie können den aktuellen URL-Speicherort mit einem Hash-Tag abrufen mithilfe von:

JavaScript:

 // Using href
 var URL = window.location.href;

 // Using path
 var URL = window.location.pathname;

jQuery :

$(location).attr('href');
16
Bhaskar Bhatt
var currentPageUrlIs = "";
if (typeof this.href != "undefined") {
       currentPageUrlIs = this.href.toString().toLowerCase(); 
}else{ 
       currentPageUrlIs = document.location.toString().toLowerCase();
}

Der obige Code kann auch jemandem helfen

10
Rohan Patil

Hinzufügen des Ergebnisses zum schnellen Nachschlagen

window.location;

 Location {href: "https://stackoverflow.com/questions/1034621/get-the-current-url-with-javascript",
 ancestorOrigins: DOMStringList,
 Origin: "https://stackoverflow.com",
 replace: ƒ, assign: ƒ, …}

document.location

  Location {href: "https://stackoverflow.com/questions/1034621/get-the-current-url-with-javascript", 
ancestorOrigins: DOMStringList,
 Origin: "https://stackoverflow.com",
 replace: ƒ, assign: ƒ
, …}

window.location.pathname

"/questions/1034621/get-the-current-url-with-javascript"

window.location.href

"https://stackoverflow.com/questions/1034621/get-the-current-url-with-javascript"

location.hostname

"stackoverflow.com"
8
Hitesh Sahu

Für eine vollständige URL mit Abfragezeichenfolgen:

document.location.toString().toLowerCase();

Für die Host-URL:

window.location
7

Der Weg, um das aktuelle Standortobjekt zu erhalten, ist window.location.

Vergleichen Sie dies mit document.location, das ursprünglich nur die aktuelle URL als Zeichenfolge zurückgab. Um Verwechslungen zu vermeiden, wurde document.location durch document.URL ersetzt.

Und alle modernen Browser ordnen document.locationwindow.location zu.

In der Realität sollten Sie aus Gründen der browserübergreifenden Sicherheit window.location anstelle von document.location verwenden.

4
Josip Ivic

In jstl können wir mit pageContext.request.contextPath auf den aktuellen URL-Pfad zugreifen. Wenn Sie einen Ajax-Anruf tätigen möchten, verwenden Sie die folgende URL.

url = "${pageContext.request.contextPath}" + "/controller/path"

Beispiel: Für die Seite http://stackoverflow.com/posts/36577223 ergibt dies http://stackoverflow.com/controller/path.

4
   location.Origin+location.pathname+location.search+location.hash;
0
زياد

wenn Sie auf einen bestimmten Link verweisen, der eine id hat, kann Ihnen dieser Code helfen.

$(".disapprove").click(function(){
                      var id = $(this).attr("id");

                      $.ajax({
                          url: "<?php echo base_url('index.php/sample/page/"+id+"')?>",
                          type: "post",
                          success:function()
                          {
                            alert("The Request has been Disapproved");
                            window.location.replace("http://localhost/sample/page/"+id+"");
                          }
                      });
                });

Ich verwende Ajax hier, um eine ID einzureichen und die Seite mit window.location.replace umzuleiten. Fügen Sie einfach ein Attribut id="" wie angegeben hinzu.

0
curiosity

Abrufen der aktuellen URL mit JavaScript:

  • window.location.toString ();

  • window.location.href

0
Hasib Kamal

Sie können den vollständigen Link der aktuellen Seite über location.href abrufen. Um den Link des aktuellen Controllers abzurufen, verwenden Sie:

location.href.substring(0, location.href.lastIndexOf('/'));
0
Khaled Harby