URL und URL-Teile in JavaScript abrufen

JavaScript kann auf die aktuelle URL in Teilen zugreifen. Für diese URL

https://css-tricks.de/example/index.html?s=flexbox

• window.location.protocol = „http:“
• window.location.host = „css-tricks.com“
• window.location.pathname = „/example/index.html“
• window.location.search = „?s=flexbox“

Um den vollständigen URL-Pfad in JavaScript zu erhalten

var newURL = window.location.protocol + "//" + window.location.host + window.location.pathname

Eine etwas modernere Art, mit URLs zu arbeiten, ist die globale Methode URL().

Wenn Sie den Pfad aufteilen müssen, zum Beispiel für eine URL wie https://css-tricks.de/blah/blah/blah/index.html, können Sie den String nach „/“-Zeichen aufteilen

var pathArray = window.location.pathname.split('/');

Greifen Sie dann über die Teile des Arrays auf die verschiedenen Teile zu, wie z. B.

var secondLevelLocation = pathArray[0];

Um diesen Pfad wieder zusammenzusetzen, können Sie das Array zusammenfügen und die „/“-Zeichen wieder hinzufügen

var newPathname = "";
for (i = 0; i < pathArray.length; i++) {
  newPathname += "/";
  newPathname += pathArray[i];
}

Der wahrscheinlich schnellste Weg, um zu sehen, was Sie haben, ist, window.location in die DevTools-Konsole einzugeben und nachzusehen