前言: 在引入外部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:腳本加載完成后就立馬執行
謝謝客官的品嘗,如有不嚴謹和錯誤地方請希望指正,祝大家工作和生活順利 !