В данном посте рассмотрим, как работать с текущим адресом страницы в JS.
Информация о текущей странице хранится в объекте window.location. Для работы с разным частями url необходимо обратиться к свойствам данного объекта:
window.location.href
– полный путь к запрошенной странице – http://www.site.ru/somepage
window.location.host
– имя сервера (домен) и порт – www.google.com:80
window.location.hostname
– имя сервера без порта – www.google.com
window.location.hash
– хеш, указание на конкретный элемент страницы (то, что идет после символа #
в адресе)
window.location.pathname
– собственно строка пути относительно корня веб-сайта
window.location.port
– номер порта
window.location.protocol
– используемый протокол (http://
)
window.location.search
– часть адреса, содержащая GET-параметры (т. е. после символа ?
в адресе и до #
)
Вот так, например, можно проверить, что мы находимся на главной странице сайта:
if (window.location.pathname == '/' || window.location.pathname == '/index.html' || window.location.pathname == '/index.php' ) { // Это главная страница }
Такая проверка может быть очень полезной для построения различных универсальных скриптов - в зависимости от адреса страницы можно привязываться к разным кодам верстки для получения той или иной информации.