js的延遲執(zhí)行問題分析
看這段代碼:
<body> <script src="deffer.js"></script> content </body>
deffer.js的內(nèi)容為:
alert(1)
這樣在alert窗口沒有被關(guān)閉之前,頁面都會是一片空白。因?yàn)閍lert窗口阻止了頁面的繼續(xù)渲染。
為了避免此類問題,html規(guī)范里定義了deffer和async屬性,這兩個屬性的具體定義這里不討論,反正他們都是用來告訴瀏覽器,一定要在頁面渲染完成以后再執(zhí)行本腳本的內(nèi)容,這樣腳本執(zhí)行的時候頁面已經(jīng)渲染完畢了。
<body> <script deffer async src="deffer.js"></script> content </body>
注意,對于多個加了deffer或者async的腳本,他們的執(zhí)行順序和他們在頁面上出現(xiàn)的順序無關(guān)。即使html規(guī)范定義了deffer腳本應(yīng)該按照順序來執(zhí)行,但是瀏覽器事實(shí)上并沒有全部遵守這個約定。
相關(guān)文章
Underscore.js 的模板功能介紹與應(yīng)用
Underscore是一個非常實(shí)用的JavaScript庫,提供許多編程時需要的功能的支持,他在不擴(kuò)展任何JavaScript的原生對象的情況下提供很多實(shí)用的功能,需要了解的朋友可以詳細(xì)參考下2012-12-12一個非常好用的文字滾動的案例,鼠標(biāo)懸浮可暫停[兩種方案任選]
本文主要介紹了非常好用的文字滾動的案例,鼠標(biāo)懸浮可暫停的兩種實(shí)現(xiàn)方案,代碼簡潔,可收藏備用。需要的朋友來看下吧2016-12-12JavaScript代碼調(diào)試方法實(shí)例小結(jié)
這篇文章主要介紹了JavaScript代碼調(diào)試方法,結(jié)合實(shí)例形式總結(jié)分析了JavaScript錯誤信息的處理與代碼調(diào)試相關(guān)操作技巧,需要的朋友可以參考下2019-01-01js es6系列教程 - 基于new.target屬性與es5改造es6的類語法
下面小編就為大家?guī)硪黄猨s es6系列教程 - 基于new.target屬性與es5改造es6的類語法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-09-09JavaScript中常見的七種繼承及實(shí)現(xiàn)
JS的繼承方式在我們面試的時候經(jīng)常會被問到,所以深入理解js繼承方式以及它們的優(yōu)缺點(diǎn)是非常有必要的。本文為大家整理了JavaScript中常見的七種繼承及實(shí)現(xiàn),需要的可以參考一下2023-03-03微信小程序云開發(fā)實(shí)現(xiàn)增刪改查功能
這篇文章主要為大家詳細(xì)介紹了微信小程序云開發(fā)實(shí)現(xiàn)增刪改查功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下2019-05-05