Middle
Kāda ir atšķirība starp <script>, <script async> un <script defer> tagiem?
sobes.tech AI
Atbilde no AI
Parasts <script>: pārlūkprogramma pārtrauc HTML parsēšanu, ielādē un izpilda skriptu, pēc tam turpina parsēšanu. Bloķē attēlošanu.
<script async>: skripts tiek ielādēts asinhroni, HTML parsēšana turpinās. Skripts tiek izpildīts nekavējoties pēc ielādes un var pārtraukt HTML parsēšanu. Skriptu izpildes kārtība nav garantēta.
<script defer>: skripts tiek ielādēts asinhroni, HTML parsēšana turpinās. Skripta izpilde tiek atlikta līdz HTML parsēšanas un DOM koka būvēšanas beigām. Skripti tiek izpildīti to parādīšanās kārtībā HTML.
| atribūts | HTML parsēšana | Skripta ielāde | Skripta izpilde | Kārtības atkarība |
|---|---|---|---|---|
| Nav | Apstājas | Bloķējošs | Bloķējošs | Garantēts |
async |
Turpina | Nefiksējošs | Var pārtraukt parsēšanu | Nav garantijas |
defer |
Turpina | Nefiksējošs | Pēc HTML parsēšanas | Garantēts |