Получить URL и части URL в JavaScript - CSS-хитрости

Anonim

JavaScript может получить доступ к текущему URL по частям. Для этого URL:

https://css-tricks.com/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»

Итак, чтобы получить полный URL-путь в JavaScript:

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

Немного более современный способ работы с URL-адресами - это глобальный метод URL ().

Если вам нужно разбить имя пути, например URL-адрес типа https://css-tricks.com/blah/blah/blah/index.html, вы можете разделить строку на символы «/».

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

Затем обращайтесь к различным частям по частям массива, например

var secondLevelLocation = pathArray(0);

Чтобы снова собрать этот путь, вы можете сшить массив и снова вставить «/»:

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

Вероятно, самый быстрый способ получить представление о том, что у вас есть, - window.locationэто вставить консоль DevTools и увидеть: