📌  相关文章
📜  HTML | DOM baseURI 属性(1)

📅  最后修改于: 2023-12-03 14:41:47.471000             🧑  作者: Mango

HTML | DOM baseURI 属性

简介

在 HTML 中，设定了 标签之后，在文档中的相对 URL 都会以此标签的 href 属性为基准进行解析。而 baseURI 属性就是返回文档基准 URL 的属性。

特性
  • 返回字符串形式的文档基准 URL。
  • 对于已加载的文档而言，baseURI 是只读的。但在加载文档时，可以通过 base 属性修改文档基准 URL。
  • 如果未在 HTML 中明确定义基准 URL，则浏览器默认将当前 URL 视为基准 URL。
返回值样例
https://www.example.com/
代码示例
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <base href="https://www.example.com/">
    <title>DOM baseURI Property Example</title>
  </head>
  <body>
    <script>
      // 获取文档基准 URL
      console.log(document.baseURI);
    </script>
  </body>
</html>
注意事项
  • baseURI 属性返回的是绝对 URL，而不是相对 URL，如果需要获取当前页面的路径，可以使用 location 对象。
  • 如果文档加载失败或还未加载完毕，则 baseURI 属性会返回空字符串。