Heim > Web-Frontend > Front-End-Fragen und Antworten > Kann JavaScript auf die URL zugreifen?

Kann JavaScript auf die URL zugreifen?

PHPz
Freigeben: 2023-04-25 10:11:33
Original
1114 Leute haben es durchsucht

JavaScript kann auf URLs zugreifen und über JavaScript Parameter für die aktuelle URL abrufen.

Mit JavaScript können Sie über das Objekt „window.location“ auf die URL zugreifen und diese bedienen. Die folgenden Methoden werden häufig im Zusammenhang mit URL-Operationen in JavaScript verwendet:

1. URL ändern

Sie können die URL-Adresse der aktuellen Seite ändern, indem Sie das URL-Attribut in eine neue URL ändern.

window.location.href = "https://www.example.com";

2. URL-Informationen abrufen

Sie können die URL-Informationen der aktuellen Seite abrufen, die viele nützliche Attribute enthält.

window.location.href //Gibt die vollständige URL zurück
window.location.hostname //Gibt den Hostnamen zurück
window.location.pathname //Gibt den Pfadnamen zurück
window.location.search //Gibt den Abfrageteil von zurück the URL
window .location.hash // Den Ankerpunkt der URL zurückgeben

3. URL-Parameter abrufen

Sie können die Parameter der URL in JavaScript-Objekte analysieren und dann jeden Parameter in der URL in Form von abrufen Schlüssel-Wert-Paare.

function getUrlParams(url){
var params = {};
url.replace(/[?&]+(1+)=(2*)/gi, function(str, Schlüssel, Wert) {

  params[key] = value;
Nach dem Login kopieren

});
return params;
}

var params = getUrlParams(window.location.href);
console.log(params.userId); //Erhalten Sie die Benutzer-ID im URL-Parameter Wert

4. URL-Parameter festlegen

Sie können URL-Parameter festlegen, indem Sie eine neue URL erstellen und dann die URL-Adresse ändern, indem Sie das „href“-Attribut des „window.location“-Objekts ändern.

var url = "https://www.example.com";
url += "?userId=123&userName=john";
window.location.href = url;

5. URL-Änderungen überwachen

kann sein Eine Abhörfunktion wurde hinzugefügt. Wenn sich die URL ändert, wird die Funktion automatisch ausgelöst.

window.addEventListener("hashchange", function() {
console.log("hash changes!");
});

Kurz gesagt, JavaScript kann über das Objekt „window.location“ auf URLs zugreifen und diese bedienen. Dadurch werden viele nützliche Funktionen erreicht. Es ist jedoch zu beachten, dass in JavaScript der Betrieb der URL das Benutzererlebnis und den SEO-Effekt beeinflussen kann und sorgfältig abgewogen werden muss.


  1. =&
  2. &

Das obige ist der detaillierte Inhalt vonKann JavaScript auf die URL zugreifen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage