HTMLScriptElement: blocking property
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
The blocking property of the HTMLScriptElement interface is a string indicating that certain operations should be blocked on the fetching of the script.
It reflects the blocking attribute of the <script> element.
Value
A string. Must be a space-separated list of blocking tokens listed below indicating the operations that are to be blocked:
render-
The rendering of content on the screen is blocked.
Note: Only
scriptelements in the document's<head>can possibly block rendering. Scripts are not render-blocking by default; if ascriptelement does not includetype="module",async, ordefer, then it blocks parsing, not rendering. If such ascriptelement is added dynamically via script, you must setblocking = "render"for it to block rendering.
Examples
<script id="el" type="text/javascript" async blocking="render"></script>
const el = document.getElementById("el");
console.log(el.blocking); // Output: "render"
Specifications
| Specification |
|---|
| HTML # dom-script-blocking |
Browser compatibility
Loading…