js async屬性


前言: 在引入外部js文件時會阻塞dom的執行,為此在html4.01為script標簽引入了async屬性

概述: 表示應該立即下載腳本,但不應妨礙頁面匯總的其它操作。只對外部腳本文件有效。

例子:   <script type='' async src='1.js'></script> <script type='' async src='2.js'></script>:第二個腳本文件可能會在第一個腳本文件之前執行,因此確保兩者之間互不依賴

注意:   異步腳本不要在加載期間修改DOM,異步腳本語言一定會在頁面的load事件前執行,但可能會在DOMContentLoaded事件(DOM渲染完成的監聽事件)觸發之前或之后執行。

區別:

  1. defer:  腳本可以延遲到文本完全被解析和顯示之后再執行。

  2. async:腳本加載完成后就立馬執行

 

謝謝客官的品嘗,如有不嚴謹和錯誤地方請希望指正,祝大家工作和生活順利 !

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM