HTML <script> defer atribute

Pagsasakop at Paggamit

defer Atribute ay isang boolean na atribute.

Kung naitnagdaan ang defer Atribute, kapag tinukoy na ang skrip ay idinawnload nang sabay-sabay habang pinapapaliwanag ang pahina, at ipapatupad pagkatapos na mapapaliwanag ang pahina.

Babala:defer Atribute ay galing lamang sa panlabas na skrip (kailangan mayroon) Atribute na src sa oras na iyon lamang).

Babala:Maaaring maisagawa sa iba't ibang paraan ang panlabas na skrip:

  • Kung naitnagdaan ang async: ang skrip ay idinawnload nang sabay-sabay habang pinapapaliwanag ang pahina, at ipapatupad agad kapag magagamit (bago natapos ang pagpaliwanag)
  • Kung naitnagdaan ang defer (at walang naitnagdaan ang async): ang skrip ay idinawnload nang sabay-sabay habang pinapapaliwanag ang pahina, at ipapatupad pagkatapos na mapapaliwanag ang pahina
  • Kung walang async o defer: ang skrip ay idinawnload at inaabot agad, nagbubukas ng pagsasagawa ng pahina hanggang sa natapos ang pagpapatupad ng skrip

ตัวอย่าง

สคริปต์จะถูกดาวน์โหลดพร้อมกับการละลายของหน้าเว็บ และปฏิบัติการหลังจากที่หน้าเว็บเสร็จที่จะละลาย:

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

ลองด้วยตัวเอง

สัญญาธรรม

<script defer>

ละลายการปฏิบัติการสคริปต์

คุณสามารถควบคุมการปฏิบัติการของสคริปต์ด้วยคุณสมบัติ async และ defer คุณสมบัติ defer บอกเบราเซอร์ว่าต้องรอจนกระทั่งหน้าเว็บหลังจากการทำงานและการละลายเสร็จก่อนที่จะปฏิบัติการสคริปต์。

เมื่อเบราเซอร์เจอ element script ที่มีคุณสมบัติ defer จะละลายการโหลดและการปฏิบัติการของสคริปต์เลยทีเดียวหลังจากที่ทั้งหมด element ในเอกสาร HTML ได้รับการละลายแล้ว。

นี่เหมือนกับที่จะเคลื่อน script ไปที่ท้ายของหน้าเว็บนี้:

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

การสนับสนุนโดยเบราเซอร์

ตัวเลขในตารางนี้บอกเล่าเกี่ยวกับเวอร์ชั่นของเบราเซอร์ที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่。

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