HTML <script> defer-egenskap

HTML <script> etikett

Definition och användning

defer egenskapen är en boolesk egenskap.

Om defer egenskapen är satt, specificeras att skriptet laddas ner parallellt med sidans tolkning och körs när sidans tolkning är klar.

Observera:defer Egenskapen gäller endast för externa skript (endast om src-attribut endast när detta är nödvändigt).

Observera:Externa skript kan köras på flera sätt:

  • Om async har satts: skriptet laddas ner parallellt med sidans tolkning och körs omedelbart när det är tillgängligt (före tolkningen är klar)
  • Om defer har satts (men inte async): skriptet laddas ner parallellt med sidans tolkning och körs när sidans tolkning är klar
  • Om både inte async och defer: skriptet laddas ner och körs omedelbart, vilket blockerar sidans tolkning tills skriptet har körts klart

Exempel

Skriptet laddas ner parallellt med sidans parsing och exekveras efter att sidan är klar med parsing:

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

Prova själv

Syntax

<script defer>

Försena skriptets exekvering

Du kan styra skriptets exekveringsstil med async och defer-attribut. defer-attributet talar om för webbläsaren att vänta på att sidan laddas och parses innan skriptet exekveras.

När webbläsaren stöter på ett script-element med defer-attribut, skjuter den ner laddning och exekvering av skriptet till efter att alla element i HTML-dokumentet har解析ats.

Detta är samma resultat som att flytta script till slutet av sidan:

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

Webbläsarstöd

Numrerna i tabellen anger den första webbläsarens version som helt stöder egenskapen.

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

HTML <script> etikett