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