Location – URL текущей страницы

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

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

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

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

1

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

console.log(window.location.href);
JS

Результат:

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

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

window.location.href = 'https//snipp.ru';
JS

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

window.location.assign('https//snipp.ru');
JS
window.location.replace('https//snipp.ru');
JS
2

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

console.log(window.location.protocol);
JS

Результат:

http:
3

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

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

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

console.log(window.location.host);
JS

Результат:

www.example.com
5

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

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

Результат:

www.example.com
6

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

console.log(window.location.pathname);
JS

Результат:

/pages/contats
7

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

console.log(window.location.search);
JS

Результат:

?page=1&sort=2
8
Хеш страницы, начинается с #.
console.log(window.location.hash);
JS

Результат:

#marker

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

window.location.hash = '123';
JS
25.10.2018, обновлено 11.09.2022
46417
Предыдущая запись MD5 в JS
Следующая запись Горизонтальное меню

Комментарии 1

Norman Krieg Norman Krieg
24 апреля 2022 в 23:03
у меня вопрос: допустим адрес https://www.example.com/
мне открывается-показывается какая-то конкретная страница.
и это не обязательно index.php, многие сайты на этот запрос выдают ошибку.
А как узнать?

, чтобы добавить комментарий.

Другие публикации

Редирект с HTTP на HTTPS в htaccess
Как настроить перенаправление с HTTP на HTTPS в PHP и .htaccess на разных хостингах.
24759
+9
Как обновить iframe
Перезагрузить iframe на странице можно с помощью JS или jQuery следующими методами.
17534
+4
Массив $_SERVER
Описание значений глобального массива $_SERVER с примерами.
58700
+4
Подключение к платежной системе Сбербанка
После регистрации в системе эквайринга Сбербанка и получив доступ к тестовой среде, можно приступить к интеграции с...
70054
+25
Работа с cookie в JavaScript
Сookies или куки – это данные в виде пар ключ=значение, которые хранятся в файлах на компьютере пользователя. Для хранимых данных существуют несколько ограничений...
65159
+8
Описание мета-тегов
В статье представлены все самые встречающеюся мета-теги с примерами и пояснениями их использования.
30720
+4