Текущий адрес страницы

В данном посте рассмотрим, как работать с текущим адресом страницы в 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'
)
{
// Это главная страница
}

Такая проверка может быть очень полезной для построения различных универсальных скриптов - в зависимости от адреса страницы можно привязываться к разным кодам верстки для получения той или иной информации.