Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

HTMLLinkElement : propriété blocking

Limited availability

Cette fonctionnalité n'est pas Compatible car elle ne fonctionne pas dans certains des navigateurs les plus utilisés.

La propriété blocking de l'interface HTMLLinkElement est une chaîne de caractères indiquant que certaines opérations doivent être bloquées lors de la récupération d'une ressource externe.

Elle reflète l'attribut blocking de l'élément HTML <link>.

Valeur

Une chaîne de caractères. Doit être une liste, séparée par des espaces, de jetons de blocage listés ci-dessous, indiquant les opérations à bloquer :

render

Le rendu du contenu à l'écran est bloqué.

Note : Seuls les éléments link présents dans le <head> du document peuvent bloquer le rendu. Par défaut, un élément link avec rel="stylesheet" dans le <head> bloque le rendu lorsque le navigateur le découvre lors de l'analyse. Si un tel élément est ajouté dynamiquement via un script, il faut également définir blocking = "render" pour qu'il bloque le rendu.

Exemples

html
<link
  id="el"
  rel="stylesheet"
  href="/example.css"
  blocking="render"
  crossorigin />
js
const el = document.getElementById("el");
console.log(el.blocking); // Affiche : "render"

Spécifications

Specification
HTML
# dom-link-blocking

Compatibilité des navigateurs

Voir aussi