javascript - parameter - js path url




Holen Sie sich die aktuelle URL mit JavaScript? (14)

Öffnen Sie die Entwicklertools , geben Sie Folgendes in die Konsole ein und drücken Sie die Eingabetaste .

window.location

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

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

Ich möchte nur die URL der Website erhalten. Nicht die URL, die einem Link entnommen wurde. Beim Laden der Seite muss ich in der Lage sein, die vollständige, aktuelle URL der Website zu übernehmen und als Variable festzulegen, die ich verwenden kann.



Dieselbe Frage wurde vor weniger als 24 Stunden gestellt . Um mich zu zitieren:

Verwenden Sie window.location für den Lese- und Schreibzugriff auf das dem aktuellen Frame zugeordnete Standortobjekt . Wenn Sie die Adresse nur als schreibgeschützte Zeichenfolge window.location.href , können Sie document.URL , das denselben Wert wie window.location.href enthalten sollte.


Für vollständige URL mit Abfragezeichenfolgen:

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

Für Host-URL:

window.location

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

window.location.href;
// use it in console of this page will return
// http://.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>

Einfach nicht schlecht, auch diese zu erwähnen:

Wenn Sie einen relativen Pfad benötigen, verwenden Sie einfach window.location.pathname .

Und wenn Sie den Hostnamen erhalten window.location.hostname , können Sie window.location.hostname .

Und wenn Sie das Protokoll separat benötigen, machen Sie einfach window.location.protocol

Wenn window.location.hash Seite ein hash Tag hat, können Sie es wie window.location.hash erhalten: window.location.hash

So behandelt window.locatation.href alles auf einmal ... im Grunde:

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

window kein window wenn schon im Fensterumfang ...

In diesem Fall können Sie also Folgendes verwenden:

location.protocol

location.hostname

location.pathname

location.hash

location.href


Prüfen Sie zunächst, ob die Seite vollständig im Browser geladen ist. Rufen Sie dann eine Funktion auf, die URL, URL-Variable und die Konsole verwendet.

$(window).load(function(){
   var url = window.location.href.toString();
   var URL = document.URL;
   var wayThreeUsingJQuery = $(location).attr('href');
   console.log(url);
   console.log(URL);
   console.log(wayThreeUsingJQuery );
});


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

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

Wenn Sie auf einen bestimmten Link mit einer ID verweisen, 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 zu übermitteln und die Seite mithilfe von window.location.replace umzuleiten . Fügen Sie einfach wie angegeben ein Attribut id="" .


Die aktuelle URL mit JavaScript abrufen:

  • window.location.toString ();

  • window.location.href


URL-Info-Zugriff

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

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 wird. (HTTP (ohne SSL) oder HTTPS (mit SSL))

  • Hostname: Der Hostname gibt den Host an, der die Ressource besitzt. Zum Beispiel www..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 bei einem Server ankommt.

  • Pfadname: Der Pfad gibt Informationen zu der spezifischen Ressource innerhalb des Hosts an, auf die der Webclient zugreifen möchte. Zum Beispiel /index.html .

  • Abfrage: Eine Abfragezeichenfolge folgt der Pfadkomponente und stellt eine Zeichenfolge mit Informationen 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 Eigenschaften des Positionsobjekts können Sie auf alle diese URL-Komponenten zugreifen und darauf, was sie festlegen oder zurückgeben können:

  • href - die gesamte URL
  • Protokoll - 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
  • search - der Abfrageteil der URL
  • hash - der Ankerteil der URL

Ich hoffe du hast deine Antwort bekommen ..


Um den Pfad zu erhalten, 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


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


  • Verwenden Sie window.location.href , um die vollständige URL window.location.href .
  • Verwenden Sie window.location.pathname , um zu erhalten, dass die URL den Host verlässt.






url