欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS腳本defer的作用示例介紹

 更新時(shí)間:2014年01月02日 16:38:32   作者:  
defer作用是文檔加載完畢了再執(zhí)行腳本,這樣回避免找不到對(duì)象的問(wèn)題,下面有個(gè)不錯(cuò)的示例,感興趣的朋友可以參考下
復(fù)制代碼 代碼如下:

<script src="../cgi-bin/delscript.js" defer></script>
中的defer作用是文檔加載完畢了再執(zhí)行腳本,這樣回避免找不到對(duì)象的問(wèn)題---有點(diǎn)問(wèn)題
<button id="myButton" onclick="alert('ok')">test</button>
<script>
myButton.click();
</script>
<script>
myButton.click();
</script>

<button id="myButton" onclick="alert('ok')">test</button>
<script defer>
function document.body.onload() {
alert(document.body.offsetHeight);
}
</script>

加上 defer 等于在頁(yè)面完全在入后再執(zhí)行,相當(dāng)于 window.onload ,但應(yīng)用上比 window.onload 更靈活!

defer是腳本程序強(qiáng)大功能中的一個(gè)“無(wú)名英雄”。它告訴瀏覽器Script段包含了無(wú)需立即執(zhí)行的代碼,并且,與SRC屬性聯(lián)合使用,它還可以使這些腳本在后臺(tái)被下載,前臺(tái)的內(nèi)容則正常顯示給用戶。
--但是 文檔加載完畢了再執(zhí)行腳本

最后請(qǐng)注意兩點(diǎn):

1、不要在defer型的腳本程序段中調(diào)用document.write命令,因?yàn)閐ocument.write將產(chǎn)生直接輸出效果。
2、而且,不要在defer型腳本程序段中包括任何立即執(zhí)行腳本要使用的全局變量或者函數(shù)。

一個(gè)常用的優(yōu)化性能的方法是:當(dāng)腳本不需要立即運(yùn)行時(shí),在<SCRIPT>標(biāo)簽中設(shè)置“defer”屬性。 (立即腳本沒有被包含在一個(gè)function塊中,因此會(huì)在加載過(guò)程中執(zhí)行。) 設(shè)置“defer”屬性后,IE就不必等待該腳本裝載和執(zhí)行完畢。這樣頁(yè)面加載會(huì)更快。一般來(lái)說(shuō),這也表明立即腳本最好放在function塊中,并在document或者body對(duì)象的onload 句柄中處理該函數(shù)。在有一些腳本需要依賴用戶操作而執(zhí)行時(shí)----例如點(diǎn)擊按鈕,或者移動(dòng)鼠標(biāo)到某個(gè)區(qū)域----使用該屬性非常有用。但當(dāng)有一些腳本需要在頁(yè)面加載過(guò)程中或加載完成后執(zhí)行,使用defer屬性得到的好處就不太大。

都是defer惹的禍,這兩天網(wǎng)站查看全文出錯(cuò)的原因

<p style='line-height: 150%;text-indent: 15pt;'>上周末,本站投放了Google廣告,當(dāng)時(shí)為了防止廣告的投入延長(zhǎng)頁(yè)面導(dǎo)入的時(shí)間,修改了下Google Ad代碼,&lt;script&gt;使用了defer延遲導(dǎo)入廣告,我一直使用的是FireFox瀏覽器,一直沒發(fā)現(xiàn)有問(wèn)題,今天,有朋友上本站查資料,她用的是Maxthon,告訴我一查看文章,頁(yè)面就一閃就過(guò)去了,這才知道有問(wèn)題,我說(shuō)這兩天這么網(wǎng)站的訪問(wèn)一直在掉呢,一查原因,才發(fā)現(xiàn)是defer的原因,因?yàn)樵贔irfox中defer好象是失效的,頁(yè)面實(shí)際還是原始內(nèi)容一起載入了,而在IE中,由于延后載入腳本,對(duì)于Google Ad腳本來(lái)說(shuō),其使用的是Document.write的寫入方法,并且因?yàn)閐efer的原因,Google AD的腳本檢測(cè)為iframe了,所以當(dāng)獲取到Google 廣告的實(shí)際內(nèi)容的時(shí)候就把整個(gè)頁(yè)面給覆蓋了,也就造成了查看全文一閃而過(guò)的現(xiàn)象。</p>

<p style='line-height: 150%;text-indent: 15pt;'>這都怪我修改了代碼沒這么測(cè)試,以后不管改什么都需要在IE和FireFox中都測(cè)試通過(guò)才可以,對(duì)于這兩天造成大家的訪問(wèn)困難致以最最真摯的道歉!</p>
<p style='line-height: 150%;text-indent: 15pt;'>另:推薦大家使用FireFox訪問(wèn)本站,訪問(wèn)和解析速度以及頁(yè)面布局的一致性都更好!</p>

相關(guān)文章

  • javascript中的遍歷for in 以及with的用法

    javascript中的遍歷for in 以及with的用法

    這篇文章主要介紹了javascript中的類初始化,遍歷for in 以及with的用法,需要的朋友可以參考下
    2014-12-12
  • JS基礎(chǔ)隨筆(菜鳥必看篇)

    JS基礎(chǔ)隨筆(菜鳥必看篇)

    下面小編就為大家?guī)?lái)一篇JS基礎(chǔ)隨筆(菜鳥必看篇)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2016-07-07
  • ES6基礎(chǔ)知識(shí)介紹

    ES6基礎(chǔ)知識(shí)介紹

    ECMAScript 6.0(以下簡(jiǎn)稱 ES6)是JavaScript語(yǔ)言的下一代標(biāo)準(zhǔn),已經(jīng)在2015年6月正式發(fā)布了。它的目標(biāo)是使得JavaScript語(yǔ)言可以用來(lái)編寫復(fù)雜的大型應(yīng)用程序,成為企業(yè)級(jí)開發(fā)語(yǔ)言。
    2022-04-04
  • 分享javascript實(shí)現(xiàn)的冒泡排序代碼并優(yōu)化

    分享javascript實(shí)現(xiàn)的冒泡排序代碼并優(yōu)化

    本文給大家匯總介紹了幾個(gè)個(gè)人收藏的JavaScript實(shí)現(xiàn)冒泡排序的代碼,都是非常的不錯(cuò),有需要的小伙伴可以參考下
    2016-06-06
  • JavaScript中Math.SQRT2屬性的使用詳解

    JavaScript中Math.SQRT2屬性的使用詳解

    這篇文章主要介紹了JavaScript中Math.SQRT2屬性的使用詳解,是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下
    2015-06-06
  • Javascript中this的用法詳解

    Javascript中this的用法詳解

    本文主要是重新回顧一下自己關(guān)于this的理解,發(fā)現(xiàn)自己的理解確實(shí)是有些偏差的,記錄一下,希望對(duì)大家有所幫助
    2014-09-09
  • Javascript學(xué)習(xí)筆記之 對(duì)象篇(四) : for in 循環(huán)

    Javascript學(xué)習(xí)筆記之 對(duì)象篇(四) : for in 循環(huán)

    如同 in 運(yùn)算符一樣,使用 for in 循環(huán)遍歷對(duì)象屬性時(shí),也將往上遍歷整個(gè)原型鏈。
    2014-06-06
  • 轉(zhuǎn)換字符串為json對(duì)象的方法詳解

    轉(zhuǎn)換字符串為json對(duì)象的方法詳解

    這篇文章主要介紹了轉(zhuǎn)換字符串為json對(duì)象的方法。需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助
    2013-11-11
  • js中對(duì)象深拷貝方法總結(jié)

    js中對(duì)象深拷貝方法總結(jié)

    js深拷貝這個(gè)問(wèn)題,在實(shí)際的工作和面試當(dāng)中也是經(jīng)常使用到的。
    還經(jīng)常有一些公司要求,原生手寫實(shí)現(xiàn),這篇文章主要介紹了js中對(duì)象深拷貝方法總結(jié),需要的朋友可以參考下
    2022-10-10
  • Array對(duì)象方法參考

    Array對(duì)象方法參考

    Array對(duì)象方法參考...
    2006-10-10

最新評(píng)論