Proprietà defer di <script> HTML

Tag HTML <script>

Definizione e uso

defer proprietà è un attributo booleano.

Se è stato impostato defer proprietà, specifica che lo script viene scaricato in parallelo mentre si analizza la pagina e viene eseguito dopo che l'analisi della pagina è completata.

Attenzione:defer proprietà si applica solo agli script esterni (solo se esiste proprietà src sia utilizzato).

Attenzione:È possibile eseguire script esterni in molti modi:

  • Se async è stato impostato: lo script viene scaricato in parallelo mentre si analizza la pagina e viene eseguito immediatamente quando è disponibile (prima della completazione dell'analisi)
  • Se defer è stato impostato (ma non async): lo script viene scaricato in parallelo mentre si analizza la pagina e viene eseguito dopo che l'analisi della pagina è completata
  • Se né async né defer: lo script viene scaricato e eseguito immediatamente, bloccando l'analisi della pagina fino a che lo script non è stato eseguito

Esempio

Lo script verrà scaricato in parallelo con la解析 della pagina e verrà eseguito dopo che la pagina è stata completata:

<script src="demo_defer.js" defer></script>

Prova personalmente

Sintassi

<script defer>

Ritarda l'esecuzione dello script

Puoi controllare il modo di esecuzione dello script con le proprietà async e defer. La proprietà defer dice al browser di aspettare che la pagina sia caricata e解析 prima di eseguire lo script.

Il browser rimanderà il caricamento ed esecuzione dello script fino a quando tutti gli elementi dell'HTML documento sono stati解析.

Questo ha lo stesso effetto di spostare lo script alla fine della pagina:

<body>
... ...
... ...
... ...
<script src="demo.js"></script>
</body>

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente l'attributo.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
8.0 10.0 3.5 5.0 15.0

Tag HTML <script>