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)文章
layui form.render(''select'', ''test2'') 更新渲染的方法
今天小編就為大家分享一篇layui form.render('select', 'test2') 更新渲染的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
js實(shí)現(xiàn)拉伸拖動(dòng)iframe的具體代碼
這篇文章介紹了js實(shí)現(xiàn)拉伸拖動(dòng)iframe的具體代碼，有需要的朋友可以參考一下2013-08-08
Bootstrap每天必學(xué)之媒體對(duì)象，對(duì)BootBootstrap每天必學(xué)之媒體對(duì)象小編也了解的很少，希望通過(guò)這篇文章和大家更多的去學(xué)習(xí)Bootstrap每天必學(xué)之媒體對(duì)象，從中得到收獲。2015-11-11
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義輪播圖，swiper dots默認(rèn)樣式修改，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11
這篇文章主要為大家介紹了JS?中Proxy代理和?Reflect反射方法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-10-10
可以支持多中格式的JS鍵盤...2007-05-05
用 JavaScript 遷移目錄...2006-12-12
bootstrapValidator.min.js表單驗(yàn)證插件
這篇文章主要為大家詳細(xì)介紹了bootstrapValidator.min.js表單驗(yàn)證插件的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
這篇文章主要為大家詳細(xì)介紹了javascript正則表達(dá)式，由淺入深的幫助大家學(xué)習(xí)正則表達(dá)式，感興趣的小伙伴們可以參考一下2016-03-03
這篇文章主要介紹了js深拷貝與淺拷貝一文徹底搞懂,需要的朋友可以參考下2022-04-04