StyleSheet: href 属性

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

StyleSheet 接口的 href 属性返回样式表的 URL。

此属性是只读的。

一个包含样式表 URI 的字符串。

示例

假设 <head> 包含以下内容

html
<link rel="styleSheet" href="example.css" />

然后,如果您通过 Windows 上的 file:// URL 打开 HTML 页面,并运行以下脚本

js
console.log(document.styleSheets[0].href);

结果看起来像这样:“file:////C:/Windows/Desktop/example.css”。

注意

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

规范

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

浏览器兼容性