js的延遲執(zhí)行問題分析
更新時間：2014年06月23日 11:10:46 投稿：hebedich
使用JavaScript可以實現(xiàn)代碼的延時執(zhí)行，也就是說當(dāng)一個函數(shù)被調(diào)用時不立即執(zhí)行某些代碼，而是等一段指定的時間后再執(zhí)行，這就叫做計時事件。
看這段代碼：
<body> <script src="deffer.js"></script> content </body>
deffer.js的內(nèi)容為：
alert(1)
這樣在alert窗口沒有被關(guān)閉之前，頁面都會是一片空白。因為alert窗口阻止了頁面的繼續(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í)行，但是瀏覽器事實上并沒有全部遵守這個約定。
相關(guān)文章
Underscore.js 的模板功能介紹與應(yīng)用
Underscore是一個非常實用的JavaScript庫，提供許多編程時需要的功能的支持，他在不擴(kuò)展任何JavaScript的原生對象的情況下提供很多實用的功能,需要了解的朋友可以詳細(xì)參考下2012-12-12
今天小編就為大家分享一篇layer.prompt輸入層的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要給大家介紹了關(guān)于微信小程序靜默登錄和維護(hù)自定義登錄態(tài)的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-05-05![一個非常好用的文字滾動的案例，鼠標(biāo)懸浮可暫停[兩種方案任選]](http://img.jbzj.com/images/xgimg/bcimg3.png)
一個非常好用的文字滾動的案例，鼠標(biāo)懸浮可暫停[兩種方案任選]
本文主要介紹了非常好用的文字滾動的案例，鼠標(biāo)懸浮可暫停的兩種實現(xiàn)方案，代碼簡潔，可收藏備用。需要的朋友來看下吧2016-12-12
JavaScript代碼調(diào)試方法實例小結(jié)
這篇文章主要介紹了JavaScript代碼調(diào)試方法,結(jié)合實例形式總結(jié)分析了JavaScript錯誤信息的處理與代碼調(diào)試相關(guān)操作技巧,需要的朋友可以參考下2019-01-01
js es6系列教程 - 基于new.target屬性與es5改造es6的類語法
下面小編就為大家?guī)硪黄猨s es6系列教程 - 基于new.target屬性與es5改造es6的類語法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
JS的繼承方式在我們面試的時候經(jīng)常會被問到，所以深入理解js繼承方式以及它們的優(yōu)缺點是非常有必要的。本文為大家整理了JavaScript中常見的七種繼承及實現(xiàn)，需要的可以參考一下2023-03-03
這篇文章主要介紹了微信運維交互機器人的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-11-11
這篇文章主要為大家詳細(xì)介紹了微信小程序云開發(fā)實現(xiàn)增刪改查功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-05-05
這篇文章主要介紹了查找Oracle高消耗語句的方法,需要的朋友可以參考下2014-03-03