Отримати 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 і побачити: