Объект location

93
посл. ред. 05.01.2017

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

Перенаправление на новую страницу происходит при изменении всего URL или отдельных его частей. Значение нового URL можно присвоить напрямую объекту location. Все свойства объекта изменятся автоматически.

location = 'http://WebGentleman.ru'; // так можно

Свойства объекта location

location.href
Полный путь из адресной строки (URL).
location.protocol
Используемый протокол передачи данных, включая двоеточие :.
location.host
Хост страницы, представленный в виде hostname:port.
location.hostname
Доменное имя.
location.port
Номер используемого порта.
location.pathname
Путь к документу, включая первый слеш /.
location.search
Строка запроса, включая ?.
location.hash
Идентификатор элемента, включая #.
<html>
<head>
  <title>BOM-интерфейс</title>
</head>
<body>
  <button onclick="showURL()">URL инфо</button>
</body>
</html>
 
<script>
function showURL() {
  alert(
    'href: ' + location.href + '\n' +
    'protocol: ' + location.protocol + '\n' +
    'host: ' + location.host + '\n' +
    'hostname: ' + location.hostname + '\n' +
    'port: ' + location.port + '\n' +
    'pathname: ' + location.pathname + '\n' +
    'search: ' + location.search + '\n' +
    'hash: ' + location.hash
  );
}
</script>

Методы объекта location

location.assign()
Вызывает загрузку и отображение документа, расположенного по указанному адресу. Можно указывать абсолютный или относительный путь.
Если загружаемый документ и скрипт, вызывающий его загрузку, расположены на разных доменах, браузер по соображениям безопасности может вызвать ошибку.
location.reload()
Вызывает перезагрузку текущей страницы. Чтобы указать браузеру, откуда выполнить перезагрузку страницы, используется необязательный булевый параметр:
  • true - выполнить загрузку с сервера.
  • false - выполнить загрузку из кэша браузера.
Если аргумент не указан, используется значение false.
Если загружаемый документ и скрипт, вызывающий его загрузку, расположены на разных доменах, браузер по соображениям безопасности может вызвать ошибку.
location.replace()
Заменяет текущую страницу документом, расположенным по указанному адресу. Путь к документу, на который выполняется подмена, можно указывать абсолютный или относительный.
Данный метод отличается от assign() тем, что исходная страница не сохранится в журнале истории и на неё нельзя будет перейти, используя кнопку Назад.
Если загружаемый документ и скрипт, вызывающий его загрузку, расположены на разных доменах, браузер по соображениям безопасности может вызвать ошибку.