Atrybut defer w HTML <script>

Tag HTML <script>

Definicja i użycie

defer Atrybut to logiczny atrybut.

Jeśli ustawiono defer Atrybut, oznacza to, że skrypt będzie pobierany równolegle podczas przetwarzania strony i wykonywany po ukończeniu przetwarzania strony.

Uwaga:defer Atrybut jest dostępny tylko dla zewnętrznych skryptów (tylko jeśli istnieje Atrybut src powinno się to robić).

Uwaga:Zewnętrzne skrypty można wykonywać na wiele sposobów:

  • Jeśli ustawiono async: skrypt będzie pobierany równolegle podczas przetwarzania strony i natychmiast wykonywany, gdy będzie dostępny (przed ukończeniem przetwarzania)
  • Jeśli ustawiono defer (a nie async): skrypt będzie pobierany równolegle podczas przetwarzania strony i wykonywany po ukończeniu przetwarzania strony
  • Jeśli ani async, ani defer: skrypt jest natychmiast pobierany i wykonywany, blokując przetwarzanie strony, aż skrypt zostanie ukończony

Przykład

Skrypt będzie pobierany równolegle z解析 strony i wykonany po zakończeniu jej解析:

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

Spróbuj sam

Gramatyka

<script defer>

Opóźnienie wykonywania skryptu

Możesz kontrolować sposób wykonywania skryptów za pomocą atrybutów async i defer. Atrybut defer informuje przeglądarkę, że skrypt ma być wykonany po załadowaniu i przetworzeniu strony.

Przeglądarka odroczy ładowanie i wykonywanie skryptu do momentu, gdy wszystkie elementy w dokumencie HTML zostaną przetworzone.

To jest takie samo jak przeniesienie script do końca strony:

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

Obsługa przeglądarek

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

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

Tag HTML <script>