样式表:href 属性

href 属性是 StyleSheet 接口的一个属性,它返回样式表的地址。

此属性为只读。

包含样式表 URI 的字符串。

示例

在本地 Windows 机器上

html
<!doctype html>
<html lang="en-US">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>href example</title>
    <link rel="styleSheet" href="example.css" />
    <script>
      function sref() {
        alert(document.styleSheets[0].href);
      }
    </script>
  </head>
  <body>
    <div class="thunder">Thunder</div>
    <button onclick="sref()">ss</button>
  </body>
</html>

返回 "file:////C:/Windows/Desktop/example.css"

注释

如果样式表是链接样式表,则其属性的值就是其地址。对于内联样式表,此属性的值为 null

规范

规范
CSS 对象模型 (CSSOM)
# dom-stylesheet-href

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。