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 года.

Показать браузеры
Совместимостьapi.Node.baseURI
ВозможностьКомпьютерыМобильные
ChromeEdgeFirefoxOperaSafariChrome AndroidFirefox for AndroidOpera AndroidSafari on iOSSamsung BrowserWebView AndroidWebView on iOS
baseURI✓1✓12✓1✓≤12.1✓≤4✓18✓4✓≤12.1✓1✓1.0✓4.4✓1

поддерживаетсяс ограниченияминет поддержкинет данных≤31 — не позднее версии 31

JavaScript синтаксис

JavaScript
const baseURI = node.baseURI;

Спецификация

DOM Standard.

Пример использования

Базовый адрес узла документа

Нажмите ▶: в консоли появится базовый адрес документа примера, который элемент получает через свой документ.

index.html
HTML
<p id="message">Текст примера</p>
main.js
JavaScript
const element = document.getElementById('message')
console.log(element.baseURI) // Базовый адрес текущего документа.
style.css
CSS
body {
  margin: 16px;
  font:
    16px/1.5 system-ui,
    sans-serif;
  overflow-wrap: anywhere;
}
img,
input,
select,
textarea,
button {
  max-width: 100%;
}