JQuery erhalten Sie die aktuelle Seiten -URL

Vollständige Anleitung zur Verwendung von JQuery, um die aktuelle Webseiten -URL

zu erhalten

Dieser Handbuch enthält JQuery -Code -Snippets, um die vollständige URL der aktuellen Webseite zu erhalten und sie in einer Variablen zu speichern, um sie mit anderen Skripten zu verwenden. Diese URL ist die gleiche wie die URL, die Sie in der Adressleiste sehen.

Der folgende Code -Snippet zeigt, wie JQuery und Pure JavaScript verwendet werden, um die URL der aktuellen Seite zu erhalten:

$(document).ready(function() {
    // 使用jQuery
    var url = $(location).attr('href');

    // 使用纯JavaScript
    var url2 = window.location.href;

    // 在警告窗口中显示URL
    alert(url); //或者 alert(url2);
});

Zusätzlich können die folgenden Funktionen hilfreich sein, wenn Sie den absoluten Pfad bestimmen:

function getAbsolutePath() {
    var loc = window.location;
    var pathName = loc.pathname.substring(0, loc.pathname.lastIndexOf('/') + 1);
    return loc.href.substring(0, loc.href.length - ((loc.pathname + loc.search + loc.hash).length - pathName.length));
}

FAQs (FAQs)

Wie kann man die aktuelle URL in JQuery bekommen?

Holen Sie sich die aktuelle URL in jQuery. Sie können das Attribut window.location.href verwenden. Diese Eigenschaft gibt die URL der aktuellen Seite zurück. Hier ist ein einfaches Beispiel:

$(document).ready(function(){
  var currentURL = window.location.href;
  console.log(currentURL);
});

Dieser Code holt und speichert die aktuelle URL in der Variablen currentURL und druckt diese URL an die Konsole. console.log(currentURL)

Wie bekomme ich die aktuelle URL, die die Abfragezeichenfolge nicht in jQuery enthält?

Sie können die Eigenschaften

und window.location.origin verwenden, um die aktuelle URL zu erhalten, die die Abfragezeichenfolge nicht enthält. Beispiele sind wie folgt: window.location.pathname

$(document).ready(function(){
  var currentURL = window.location.origin + window.location.pathname;
  console.log(currentURL);
});

Dieser Code nimmt die Quelle (Protokoll, Hostname und Port) und Pfadname der URL an und verbindet diese beiden Teile mit einer URL, die die Abfragezeichenfolge nicht enthält.

Wie bekomme ich eine Abfragezeichenfolge von der aktuellen URL in JQuery?

Sie können das Attribut

verwenden, um die Abfragezeichenfolge abzurufen, die die Abfragezeichenfolge zurückgibt, einschließlich des Fragezeichens am Anfang. Beispiele sind wie folgt: window.location.search

$(document).ready(function(){
  var queryString = window.location.search;
  console.log(queryString);
});

Dieser Code nimmt die Abfragezeichenfolge auf und speichert ihn in der Variablen

und druckt dann diese Abfragezeichenfolge in die Konsole. queryString console.log(queryString) Wie kann man die aktuelle URL ohne Hash in JQuery bekommen?

Sie können das Attribut von

und

verwenden, um die aktuelle URL zu erhalten, die keinen Hash -Wert enthält. Beispiele sind wie folgt: window.location.href split()

Dieser Code nimmt die aktuelle URL auf und spaltet ihn am Hash -Symbol (#). Der

$(document).ready(function(){
  var currentURL = window.location.href.split('#')[0];
  console.log(currentURL);
});

-Teil erhält den ersten Teil der geteilten URL, dh die URL, die keine Hash -Werte enthält.

[0] Wie kann man den Hash -Wert der aktuellen URL in JQuery erhalten?

Sie können das Attribut

verwenden, um den Hash -Wert der aktuellen URL zu erhalten. Diese Eigenschaft gibt einen Hash -Wert zurück, einschließlich des Hash -Symbols zu Beginn. Beispiele sind wie folgt:

window.location.hash

Dieser Code nimmt den Hash -Wert auf und speichert ihn in der Variablen

$(document).ready(function(){
  var hash = window.location.hash;
  console.log(hash);
});

und druckt dann diesen Hash -Wert in die Konsole.

hash Wie ändere ich die aktuelle URL in JQuery, ohne die Seite neu zu laden? console.log(hash)

Sie können mit der Methode

die aktuelle URL in JQuery ändern, ohne die Seite neu zu laden. Diese Methode drückt neue Einträge auf den History -Stapel. Beispiele sind wie folgt:

history.pushState() Dieser Code ändert die aktuelle URL in

, ohne die Seite neu zu laden.

$(document).ready(function(){
  history.pushState(null, null, '/new-page.html');
});

Wie bekomme ich das Protokoll für die aktuelle URL in JQuery?

Sie können das Attribut window.location.protocol verwenden, um das Protokoll der aktuellen URL zu erhalten. Diese Eigenschaft gibt das Protokoll der URL zurück, einschließlich des Dickdarms am Schwanz. Beispiele sind wie folgt:

$(document).ready(function() {
    // 使用jQuery
    var url = $(location).attr('href');

    // 使用纯JavaScript
    var url2 = window.location.href;

    // 在警告窗口中显示URL
    alert(url); //或者 alert(url2);
});

Dieser Code nimmt das Protokoll auf und speichert es in der Variablen protocol und druckt dieses Protokoll an die Konsole. console.log(protocol)

Wie kann man den Hostnamen der aktuellen URL in JQuery bekommen?

Sie können das Attribut

verwenden, um den Hostnamen der aktuellen URL zu erhalten. Diese Eigenschaft gibt den Hostnamen der URL zurück. Beispiele sind wie folgt: window.location.hostname

function getAbsolutePath() {
    var loc = window.location;
    var pathName = loc.pathname.substring(0, loc.pathname.lastIndexOf('/') + 1);
    return loc.href.substring(0, loc.href.length - ((loc.pathname + loc.search + loc.hash).length - pathName.length));
}

Dieser Code nimmt den Hostnamen auf und speichert ihn in der Variablen

und druckt diesen Hostnamen anschließend in die Konsole. hostname console.log(hostname) Wie kann man den Port der aktuellen URL in JQuery bekommen?

Sie können das Attribut

verwenden, um den Port der aktuellen URL zu erhalten. Diese Eigenschaft gibt den Port der URL zurück. Beispiele sind wie folgt:

window.location.port

Dieser Code nimmt den Port auf und speichert ihn in der Variablen

$(document).ready(function(){
  var currentURL = window.location.href;
  console.log(currentURL);
});

und druckt diesen Port in die Konsole.

port Wie kann man den Pfadnamen der aktuellen URL in JQuery bekommen? console.log(port)

Sie können das Attribut

verwenden, um den Pfadnamen der aktuellen URL zu erhalten. Diese Eigenschaft gibt den Pfadnamen der URL zurück. Beispiele sind wie folgt:

window.location.pathname Dieser Code nimmt den Pfadnamen auf und speichert ihn in der Variablen

und druckt diesen Pfadname an die Konsole.

$(document).ready(function(){
  var currentURL = window.location.origin + window.location.pathname;
  console.log(currentURL);
});

Mit diesen Methoden können Sie verschiedene Teile der URL der aktuellen Webseite in JQuery leicht erhalten und manipulieren. Denken Sie daran, die richtige Methode entsprechend Ihren spezifischen Anforderungen auszuwählen. pathname

Das obige ist der detaillierte Inhalt vonJQuery erhalten Sie die aktuelle Seiten -URL. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!