📌  相关文章
📜  SVG Document.documentURI 属性(1)

📅  最后修改于: 2023-12-03 15:05:24.418000             🧑  作者: Mango

SVG Document.documentURI 属性

SVG Document.documentURI 属性是 SVG DOM 接口中的一项属性，它返回当前 SVG 文档的 URI 地址。它是只读的。

语法
var documentURI = document.documentURI;
属性值
  • documentURI：当前 SVG 文档的 URI 地址，类型为字符串。
描述

当 SVG 文档通过网络访问时，documentURI 属性将返回包含该文档的 URL。如果未指定 URL，则返回完整的文件路径名，以 "file://" 开头。

该属性通常可用于确定 SVG 文档的源，以便执行某些基于 Web 的操作。

实例
<!DOCTYPE html>
<html>
   <body>
      <svg id="mySVG" width="200" height="200">
         <!-- SVG code goes here -->
      </svg>

      <p>Document URI: <span id="uri"></span></p>

      <script>
         var svgDoc = document.getElementById("mySVG").ownerDocument;
         document.getElementById("uri").innerHTML = svgDoc.documentURI;
      </script>
   </body>
</html>

在上述代码中，我们在 SVG 标签外部定义了一个段落，用于显示文档 URI。然后，我们在 JavaScript 代码中获取 SVG 文档，并使用 documentURI 属性设置段落的文本内容。

总结

SVG Document.documentURI 属性返回当前 SVG 文档的 URI 地址。我们可以使用该属性来确定当前 SVG 文档的源，以便执行某些基于 Web 的操作。