HTML <script> defer-eigenschap

HTML <script> tag

Definitie en gebruik

defer Deze eigenschap is een booleaanse eigenschap.

Als defer Deze eigenschap specificeert dat de script parallel wordt gedownload tijdens het parseren van de pagina en wordt uitgevoerd nadat de pagina is geparsed.

Let op:defer Deze eigenschap is alleen van toepassing op externe scripts (alleen als src-eigenschap slechts in bepaalde gevallen).

Let op:Externe scripts kunnen op meerdere manieren worden uitgevoerd:

  • Als async is ingesteld: de script wordt parallel gedownload tijdens het parseren van de pagina en wordt onmiddellijk uitgevoerd zodra het beschikbaar is (voor de parsing is voltooid)
  • Als defer is ingesteld (en geen async): de script wordt parallel gedownload tijdens het parseren van de pagina en wordt uitgevoerd nadat de pagina is geparsed
  • Als er geen async noch defer is ingesteld: de script wordt onmiddellijk gedownload en uitgevoerd, en blokkeert de parsing van de pagina tot de script is voltooid

Example

The script will be downloaded in parallel with the page parsing and executed after the page is fully parsed:

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

Try it yourself

Syntax

<script defer>

Delay script execution

You can control the execution of scripts using the async and defer attributes. The defer attribute tells the browser to wait until the page has been loaded and parsed before executing the script.

Browsers will delay the loading and execution of scripts until after all elements in the HTML document have been parsed when encountering script elements with the defer attribute.

This is the same result as moving the script to the end of the page:

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

Browser support

The numbers in the table indicate the first browser version to fully support this property.

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

HTML <script> tag