derfer 和async的區(qū)別

所有<script>元素都會按照它們在頁面中出現(xiàn)的先后順序依次被解析。在不使用 defer 和async 屬性的情況下,只有在解析完前面<script>元素中的代碼之后,才會開始解析后面<script>元素中的代碼。

由于瀏覽器會先解析完不使用 defer 屬性的<script>元素中的代碼,然后再解析后面的內(nèi)容,所以一般應(yīng)該把<script>元素放在頁面最后,即主要內(nèi)容后面,</body>標(biāo)簽前面。

使用 defer 屬性可以讓腳本在文檔完全呈現(xiàn)之后再執(zhí)行。延遲腳本總是按照指定它們的順序執(zhí)行。

使用 async 屬性可以表示當(dāng)前腳本不必等待其他腳本,也不必阻塞文檔呈現(xiàn)。不能保證異步腳本按照它們在頁面中出現(xiàn)的順序執(zhí)行。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 28,817評論 1 45
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,152評論 1 92
  • JavaScript代碼嵌入網(wǎng)頁的方法 JavaScript代碼只有嵌入網(wǎng)頁,才能在用戶瀏覽網(wǎng)頁時運(yùn)行。 網(wǎng)頁中嵌...
    許先生__閱讀 1,261評論 0 1
  • script 擁有的屬性 async:可選,表示應(yīng)該立即下載腳本,但不應(yīng)妨礙頁面中的其他操作,比如下載其他資源或等...
    miner敏兒閱讀 1,758評論 0 0
  • 11月20日,周一,晴。今天給孩子打印了一張積分表,參照學(xué)校的模式實(shí)行家庭積分制,根據(jù)孩子表現(xiàn)好壞,相應(yīng)加減分!最...
    秦昊臻閱讀 254評論 0 0

友情鏈接更多精彩內(nèi)容