JavaScript свойство Node.baseURI
Определение и применение
JavaScript свойство baseURI объекта
Node
возвращает строку (DOMString), представляющую абсолютный базовый
URL
узла. Свойство доступно только для чтения.
Базовый URL адрес используется для разрешения относительных URL адресов, когда браузеру необходимо
получить абсолютный URL адрес, например, при обработке атрибута
src
HTML элемента
<img>, или атрибута xlink:href в
XML. В общем случае базовый
URL адрес это просто расположение документа, но на него могут влиять многие факторы, включая элемент
<base>
в HTML.
Базовый URL адрес документа
Базовый URL адрес документа по умолчанию является адресом документа (отображается браузером и доступен в свойстве
location объекта Window). Базовый URL адрес может измениться от значения по умолчанию в
следующих случаях:
-
При обнаружении HTML тега
<base>в документе. - Когда это новый документ, созданный динамически.
- В других случаях, описанных в разделе Document base URL стандарта HTML.
Вы можете использовать document.baseURI для получения базового URL адреса документа. Обратите
внимание, что получение базового URL адреса для документа может возвращать различные URL адреса с
течением времени, если значение тега
<base>
изменено, или изменено местоположение документа.
Базовый URL адрес элемента
Базовый URL узла вычисляется через его документ. Атрибут xml:base не переопределяет
Node.baseURI по современному DOM Standard.
Поддержка браузерами
Спецификация: dom.spec.whatwg
Поддерживается во всех основных браузерах с 2015 года.
| Возможность | Компьютеры | Мобильные | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
baseURI | 1 | 12 | 1 | ≤12.1 | ≤4 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 | 1 |
поддерживаетсяс ограниченияминет поддержкинет данных≤31 — не позднее версии 31
JavaScript синтаксис
const baseURI = node.baseURI;
Спецификация
Пример использования
Базовый адрес узла документа
Нажмите ▶: в консоли появится базовый адрес документа примера, который элемент получает через свой документ.
index.html
<p id="message">Текст примера</p>
main.js
const element = document.getElementById('message')
console.log(element.baseURI) // Базовый адрес текущего документа.
style.css
body {
margin: 16px;
font:
16px/1.5 system-ui,
sans-serif;
overflow-wrap: anywhere;
}
img,
input,
select,
textarea,
button {
max-width: 100%;
}
Нажмите ▶, чтобы запустить пример.