HTMLStyleElement: blocking 属性

可用性有限

此特性不是基线特性，因为它在一些最广泛使用的浏览器中不起作用。

HTMLStyleElement 接口的 blocking 属性是一个字符串，指示在获取关键子资源时应阻止某些操作。

它反映了 <style> 元素的 blocking 属性。

值

一个字符串。必须是以空格分隔的下面列出的 blocking tokens 的列表，用于指示要阻止的操作

render: 阻止在屏幕上渲染内容。

注意：只有文档 <head> 中的 style 元素才可能阻止渲染。默认情况下，当浏览器在解析过程中发现 <head> 中的 style 元素时，它会阻止渲染。如果此类 style 元素是通过脚本动态添加的，您还必须将 blocking = "render" 设置为才能阻止渲染。

html

<style id="el" blocking="render">
  p {
    color: blue;
  }
</style>

const el = document.getElementById("el");
console.log(el.blocking); // Output: "render"

规范
HTML # dom-style-blocking

此页面最后修改于 2025年8月13日，由 MDN 贡献者修改。