Javascript location document: Справочник javascript: window.location
В Firefox есть баг: если Методы объекта |
BOM — Объект Location
Объект window.location может использоваться для получения адреса (URL) текущей страницы и перенаправления браузера на новую страницу.
Объект window.location может записываться без префикса window.
Некоторые примеры:
- window.location.href возвращает ссылку (URL) текущей страницы
- window.location.hostname возвращает доменное имя веб-хоста
- window.location.pathname возвращает путь и имя файла текущей страницы
- window.location.protocol возвращает использованный веб-протокол (http: или https:)
- window.location.assign загружает новый документ
Свойство window.location.href возвращает URL текущей страницы.
document.getElementById("demo").innerHTML =
"Адрес страницы: " + window.location.href;
Свойство window.location.hostname возвращает имя интернет хоста (текущей страницы).
document.getElementById("demo").innerHTML =
"Имя хоста страницы: " + window.location.hostname;
Свойство window.location.pathname возвращает путь текущей страницы.
document.getElementById("demo").innerHTML =
"Путь страницы: " + window.location.pathname;
Свойство window.location.protocol возвращает веб-протокол страницы.
document.getElementById("demo").innerHTML =
"Протокол страницы: " + window.location.protocol;
Свойство window.location.port возвращает номер порта интернет хоста (текущей страницы).
document.getElementById("demo").innerHTML =
"Номер порта: " + window.location.port;
Внимание! Большинство браузеров не покажут номер порта по умолчанию (80 для http и 443 для https).
Переход на новый адрес
Метод window.location.assign() загружает новый документ:
<html>
<head>
<script>
function newDoc() {
window.location.assign("https://msiter.ru")
}
</script>
</head>
<body>
<input type="button" value="Загрузить новый документ">
</body>
</html>
BOM — Объект History Вверх BOM — Объект Screen
JavaScript Местоположение | Schoolsw3.com
Объект window.location может
использоваться для получения текущего адреса страницы (URL) и перенаправления браузера на новую страницу.
Местоположение окна
Объект window.location объект может быть записан без префикса window.
Несколько примеров:
window.location.hrefвозвращает href (URL) текущей страницыwindow.location.hostnameвозвращает доменное имя веб хостаwindow.location.pathnameвозвращает путь и имя файла текущей страницыwindow.location.protocolвозвращает используемый веб протокол (http: или https:)window.location.assign()загрузка нового документа
Местоположение текущей страницы
Свойство window.location.href возвращает URL текущей страницы.
Пример
Отображение href (URL) текущей страницы:
document.getElementById(«demo»).innerHTML =
«Местоположение страницы: » + window.location.href;
Результат:
Попробуйте сами »
Местоположение имени хоста
Свойство window.location.hostname возвращает имя хоста интернета (текущей страницы).
Пример
Отображение имени хоста:
document.getElementById(«demo»).innerHTML =
«Имя хоста страницы: » + window.location.hostname;
Результат:
Попробуйте сами »
Местоположение файла
Свойство window.location.pathname возвращает путь к текущей странице.
Пример
Отображение пути к текущему:
document.getElementById(«demo»).innerHTML =
«Путь к странице » + window.location.pathname;
Результат:
Попробуйте сами »
Местоположение протокола
Свойство window.location.protocol возвращает веб протокол страницы.
Пример
Отображение веб протокола:
document.getElementById(«demo»).innerHTML =
«Страница протокола » + window.location.protocol;
Результат:
Попробуйте сами »
Местоположение порта
Свойство window.location.port возвращает номер порта хоста интернета (текущей страницы).
Пример
Отображение имени хоста:
document.getElementById(«demo»).innerHTML =
«Номер порта » + window.location.port;
Результат:
Попробуйте сами »
Большинство браузеров не будут отображать номера портов по умолчанию (80 для http и 443 для https)
Местоположение назначения
Метод window.location.assign() загружает новый документ.
Пример
Загрузить новый документ:
function newDoc() {
window.location.assign(«https://schoolsw3.com»)
}
<input type=»button» value=»Загрузить новый документ»
onclick=»newDoc()»>
</body>
</html>
Попробуйте сами »
| Свойство | Описание | Chrome | Firefox | Opera | Safari | IExplorer | Edge |
|---|---|---|---|---|---|---|---|
| body | Представляет ссылку на узел <body> или <frameset> текущего документа, или null, если такой элемент не существует. Элемент <frameset> не поддерживается в HTML 5. | Да | Да | Да | Да | Да | Да |
| characterSet | Возвращает кодировку для текущего документа. Свойство доступно только для чтения. | 45.0 | 44.0 | 34.0 | 9.0 | 9.0 | Да |
| cookie | Получает или задает cookie (небольшой фрагмент данных, отправленный веб-сервером и хранимый на компьютере пользователя), связанных с текущим документом. | Да | Да | Да | Да | Да | Да |
| defaultView | Возвращает ссылку на объект Window, связанный с документом, или null, если он недоступен. | Да | Да | Да | Да | 9.0 | Да |
| designMode | Управляет возможностью редактирования всего документа. | Да | Да | Да | Да | Да | Да |
| dir | Возвращает, или задает направление текста документа (слева направо (по умолчанию) или справа налево). | Да | Да | Да | Да | Да | Да |
| doctype | Возвращает объявление (декларацию) типа документа (Document Type Declaration), связанное с текущим документом. | Да | Да | Да | Да | Да | Да |
| documentElement | Возвращает элемент (объект Element), являющийся корневым элементом документа (например, элемент <html> для документов типа HTML). | Да | Да | Да | Да | Да | Да |
| documentURI | Возвращает в виде строки текущий адрес документа. | Да | Да | Да | Да | Да | Да |
| DocumentOrShadowRoot. activeElement | Возвращает элемент в дереве DOM, или shadowDOM, который в данный момент имеет фокус | 53.0 | Да | 40.0 | Да | Да | Да |
| DocumentOrShadowRoot. fullscreenElement | Свойство доступное только для чтения возвращает элемент, который в настоящее время представлен в полноэкранном режиме в этом документе, или значение null, если полноэкранный режим в настоящее время не используется. | 53.0 -webkit- | 64.0 | 40.0 -webkit- | Да -webkit- | Да -webkit- | Да -webkit- |
| DocumentOrShadowRoot. pointerLockElement | Предоставляет набор элементов в качестве целевого объекта для событий мыши, когда указатель заблокирован. | 53.0 | Да | 40.0 | Да | Да | Да |
| DocumentOrShadowRoot. styleSheets | Возвращает коллекцию StyleSheetList, содержащую объекты CSSStyleSheet, описывающих стили явно связанных или внедренных в текущем документе. | 53.0 | Да | 40.0 | Да | Да | Да |
| domain | Возвращает, или задает доменную часть источника текущего документа, используемую той же политикой источника. | Да | Да | Да | Да | Да | Да |
| embeds | Возвращает список элементов внедренных с использованием HTML элемента <embed>, содержащихся в текущем документе. | Да | Да | Да | Да | Да | Да |
| fonts | Возвращает объект FontFaceSet, который управляет загрузкой шрифтов и запросом их статуса загрузки для текущего документа. | 60.0 | 41.0 | 47.0 | 10.0 | Нет | Нет |
| forms | Возвращает коллекцию HTMLCollection со списком всех элементов <form>, содержащихся в текущем документе. | Да | Да | Да | Да | Да | Да |
| head | Возвращает элемент <head>, содержащийся в текущем документе. | Да | Да | Да | Да | 9.0 | Да |
| hidden | Возвращает логическое значение, которое указывает на то, считается ли страница скрытой, или нет. | 33.0 | 18.0 | 12.1 | 7.0 | 10.0 | Да |
| images | Возвращает коллекцию изображений в текущем HTML документе. | Да | Да | Да | Да | Да | Да |
| implementation | Возвращает объект DOMImplementation, связанный с текущим документом. Этот объект определяет методы, не относящиеся к какому-либо конкретному объекту Document, а являющиеся глобальными для реализации DOM. | Да | Да | Да | Да | Да | Да |
| lastModified | Возвращает строку, содержащую дату и время последнего изменения текущего документа. | Да | Да | Да | Да | Да | Да |
| links | Возвращает коллекцию всех элементов <area> и <a> со значением атрибута href, содержащихся в текущем документе. | Да | Да | Да | Да | Да | Да |
| location | Возвращает объект Location, который содержит сведения об URL адресе документа и предоставляет методы для изменения этого URL адреса, и загрузки другого URL адреса. | Да | Да | Да | Да | Да | Да |
| plugins | Возвращает коллекцию HTMLCollection, содержащую один, или несколько элементов <embed> в текущем документе, или null, если в документе нет вложений. | Да | Да | Да | Да | Да | Да |
| scripts | Возвращает коллекцию HTMLCollection всех элементов <script>, содержащихся в текущем документе. | Да | Да | Да | Да | Да | Да |
| scrollingElement | Возвращает ссылку на элемент (объект Element), прокручивающий текущий документ. | 44.0 | 48.0 | 31.0 | 9.0 | Нет | Да |
| visibilityState | Возвращает строковое значение определяющее видимость документа (находится ли документ в фоновом режиме, или на невидимой вкладке, или загружается только для предварительной отрисовки). | 33.0 | 18.0 | 12.1 | 7.0 | 10.0 | Да |
| ParentNode.childElementCount | Возвращает количество дочерних элементов конкретного узла. | Да | Да | Да | Да | 9.0 | Да |
| ParentNode.children | Возвращает живую коллекцию (HTMLCollection), которая содержит все дочерние элементы узла, на котором он был вызван. | Да | Да | Да | Да | 9.0* | Да |
| ParentNode.firstElementChild | Возвращает первый дочерний элемент (объект Element) конкретного узла, или null, если дочерних элементов нет. | Да | Да | Да | Да | 9.0 | Да |
| ParentNode.lastElementChild | Возвращает последний дочерний элемент (объект Element) конкретного узла, или null, если дочерних элементов нет. | Да | Да | Да | Да | 9.0 | Да |
| readyState | Описывает состояние загрузки документа. | Да | Да | Да | Да | 9.0 | Да |
| referrer | Возвращает URI страницы, с которой был осуществлен переход на текущую страницу. | Да | Да | Да | Да | Да | Да |
| title | Получает или задает текущее название документа (содержимое элемента <title>). | Да | Да | Да | Да | Да | Да |
| URL | Возвращает расположение документа в виде строки. | Да | Да | Да | Да | Да | Да |
Document | Chrome Полная поддержка 1 | Edge Полная поддержка 12 | Firefox Полная поддержка 1 | IE Полная поддержка 4 | Opera Полная поддержка 3 | Safari Полная поддержка 1 | WebView Android Полная поддержка 1 | Chrome Android Полная поддержка 18 | Firefox Android Полная поддержка 4 | Opera Android Полная поддержка 10.1 | Safari iOS Полная поддержка 1 | Samsung Internet Android Полная поддержка 1.0 |
|---|---|---|---|---|---|---|---|---|---|---|---|---|
Document() constructor | Chrome Полная поддержка 60 | Edge Полная поддержка ≤18 | Firefox Полная поддержка Да | IE Нет поддержки Нет | Opera Полная поддержка 47 | Safari Полная поддержка Да | WebView Android Полная поддержка 60 | Chrome Android Полная поддержка 60 | Firefox Android Полная поддержка Да | Opera Android Полная поддержка 44 | Safari iOS Полная поддержка Да | Samsung Internet Android Полная поддержка 8.0 |
DOMContentLoaded event | Chrome Полная поддержка 1 | Edge Полная поддержка 12 | Firefox Полная поддержка 1 | IE Полная поддержка 9 | Opera Полная поддержка 9 | Safari Полная поддержка 3.1 | WebView Android Полная поддержка 1 | Chrome Android Полная поддержка 18 | Firefox Android Полная поддержка 4 | Opera Android Полная поддержка 10.1 | Safari iOS Полная поддержка 2 | Samsung Internet Android Полная поддержка 1.0 |
URL | Chrome Полная поддержка 1 | Edge Полная поддержка 12 | Firefox Полная поддержка Да | IE Полная поддержка Да | Opera Полная поддержка Да | Safari Полная поддержка Да | WebView Android Полная поддержка Да | Chrome Android Полная поддержка Да | Firefox Android Полная поддержка Да | Opera Android Полная поддержка Да | Safari iOS Полная поддержка Да | Samsung Internet Android Полная поддержка Да |
adoptNode | Chrome Полная поддержка 1 | Edge Полная поддержка 12 | Firefox Полная поддержка Да | IE Полная поддержка 9 | Opera Полная поддержка Да | Safari Полная поддержка Да | WebView Android Полная поддержка Да | Chrome Android Полная поддержка Да | Firefox Android Полная поддержка Да | Opera Android Полная поддержка Да | Safari iOS Полная поддержка Да | Samsung Internet Android Полная поддержка Да |
alinkColor УстаревшаяНестандартная | Chrome Полная поддержка 64
| Edge Полная поддержка 12 | Firefox Полная поддержка Да | IE ? | Opera Полная поддержка Да | Safari Полная поддержка Да | WebView Android Полная поддержка 64
| Chrome Android Полная поддержка 64
| Firefox Android Полная поддержка Да | Opera Android Полная поддержка Да | Safari iOS Полная поддержка Да | Samsung Internet Android Полная поддержка 9.0
|
all Нестандартная | Chrome Полная поддержка 64
| Edge Полная поддержка 12 | Firefox Полная поддержка Да | IE ? | Opera Полная поддержка Да | Safari Полная поддержка Да | WebView Android Полная поддержка 64
| Chrome Android Полная поддержка 64
| Firefox Android Полная поддержка Да | Opera Android Полная поддержка Да | Safari iOS Полная поддержка Да | Samsung Internet Android Полная поддержка 9.0
|
anchors |
Расположение окна JavaScript
Объект window.location может использоваться для получения
адрес текущей страницы (URL) и перенаправить браузер на новую страницу.
Расположение окна
Объект window.location можно записать без префикса окна.
Некоторые примеры:
-
window.location.hrefвозвращает href (URL) текущей страницы -
окно.location.hostnameвозвращает доменное имя веб-хоста -
window.location.pathnameвозвращает путь и имя файла текущей страницы -
window.location.protocolвозвращает используемый веб-протокол (http: или https 🙂 -
window.location.assign ()загружает новый документ
Расположение окна Href
Свойство window.location.href возвращает URL-адрес текущей страницы.
Пример
Отображение href (URL) текущей страницы:
document.getElementById («demo»). innerHTML =
«Расположение страницы:» + window.location.href;
Результат:
Попробуй сам »
Расположение окна Имя хоста
Свойство window.location.hostname возвращает имя интернет-хоста (текущей страницы).
Пример
Показать имя хоста:
документ.getElementById («демонстрация»). innerHTML =
«Имя хоста страницы» + window.location.hostname;
Результат:
Попробуй сам »
Путь к расположению окна
Свойство window.location.pathname возвращает путь к
текущая страница.
Пример
Показать путь к текущему URL-адресу:
document.getElementById («демонстрация»). innerHTML =
«Путь к странице равен» + window.location.pathname;
Результат:
Попробуй сам »
Протокол определения местоположения окна
Окно .Свойство location.protocol возвращает веб-протокол страницы.
Пример
Показать веб-протокол:
document.getElementById («демонстрация»). innerHTML =
«Протокол страницы» + window.location.protocol;
Результат:
Попробуй сам »
Порт расположения окна
Свойство window.location.port возвращает номер интернет-хоста.
порт (текущей страницы).
Пример
Показать имя хоста:
документ.getElementById («demo»). innerHTML =
«Порт
число: «+ window.location.port;
Результат:
Попробуй сам »
Большинство браузеров не отображают номера портов по умолчанию (80 для http и 443 для https)
Назначить расположение окна
Метод window.location.assign () загружает новый документ.
Пример
Загрузить новый документ:
функция newDoc () {
window.location.assign («https://www.w3schools.com»)
}