JS/jQuery

Location - URL текущей страницы в JS

Объект Location связан с адресной строкой браузера. В свойствах объекта содержатся все компоненты URL доступные для чтения и записи.

Доступа к Location обычно осуществляется через объекты Document.location или Window.location. Если скрипт запускается из iframe (в одном домене), доступ к родительскому окну доступен через window.parent.location.

Рассмотрим какие будут значения при следующим URL:

http://www.example.com/pages/contats?page=1&sort=2#marker

1

Location.href

Вернет полный URL страницы.

console.log(window.location.href);
http://www.example.com/pages/contats?page=1&sort=2#marker

Объекту location можно присвоить новый URL, браузер перейдет на новую страницу.

window.location.href = 'https"//ya.ru';

Так же для редиректа можно использовать методы location.assign() и location.replace(). Отличие последнего в том, что пользователь не сможет использовать кнопку «назад».

window.location.assign('https"//ya.ru'); 
window.location.replace('https"//ya.ru');
2

Location.protocol

Возвращает используемый протокол, включая :.

console.log(window.location.protocol);
http:
3

Location.port

Номер порта,  если его нет в URL, то ни чего не выведется.

console.log(window.location.port);
4

Location.host

Содержит домен и порт (если есть).

console.log(window.location.host);
www.example.com
5

Location.hostname

Содержит только домен.

console.log(window.location.hostname);
6

Location.pathname

Строка пути текущий страницы, начинается с /.

console.log(window.location.pathname);
/pages/contats
7

Location.search

GET-параметры, начинается с ?.

console.log(window.location.search);
?page=1&sort=2
8

Location.hash

Хеш страницы, начинается с #.
console.log(window.location.hash);
#marker

Для изменения хеша не обязательно указывать решетку:

window.location.hash = '123';
25 октября 2018
JS