成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

addLoadEvent()函數(shù)

nanfeiyan / 2928人閱讀

摘要：假如我們希望某個函數(shù)在網(wǎng)頁加載完畢之后就立即執(zhí)行。事件與對象相關(guān)聯(lián)。因?yàn)楹瘮?shù)將會取代函數(shù)。如果在這個處理函數(shù)上還沒有綁定任何函數(shù)，就將該函數(shù)添加給它。如果在這個處理函數(shù)上已經(jīng)綁定了一些函數(shù)，就把該函數(shù)追加到現(xiàn)有指定的末尾。

假如我們希望某個函數(shù)在網(wǎng)頁加載完畢之后就立即執(zhí)行。網(wǎng)頁加載完畢時會觸發(fā)一個onload事件，所以我們可以利用onload事件來加載這個函數(shù)。Onload事件與window對象相關(guān)聯(lián)。如：

      把myfunction函數(shù)綁定到這個事件上：
  

window.onload = myfunction();

一個函數(shù)我們可以利用上面的解決,那兩個、三個甚至更多呢？怎么解決？？

      假如我們有firstFunction和secondFunction兩個函數(shù)，是不是就是下面這樣寫呢：
  

window.onload = firstFunction;  
window.onload = secondFunction;

但是每個處理函數(shù)只能綁定一條指令。所以上面的不行。因?yàn)閟econdFunction函數(shù)將會取代firstFunction函數(shù)。

     有一種辦法可以幫助我們解決上面問題：即我們先創(chuàng)建一個匿名函數(shù)來容納這兩個函數(shù)，然后把那個匿名函數(shù)綁定到onload事件上，如下：

[javascript] view plain copy
window.onload = function(){

firstFunction();  
secondFunction();

}
這確實(shí)是一個好的、簡答的方法。

     但是其實(shí)還存在一個最佳的解決方案——不管你打算在頁面加載完畢后要執(zhí)行多少個函數(shù)，利用該函數(shù)都可以輕松的實(shí)現(xiàn)。
     該函數(shù)名為addLoadEvent。該函數(shù)僅一個參數(shù)：該參數(shù)指定了你打算在頁面加載完畢后需要執(zhí)行的函數(shù)的函數(shù)名。
     addLoadEvent()函數(shù)代碼如下：
 

function addLoadEvent(func){  
        var oldonLoad = window.onload;  
        if(typeof window.onload!="function"){  
                window.onload = func;  
        }  
        else{  
            window.onload = function(){  
                oldonload();  
                func();  
            }  
        }  
}

1、把現(xiàn)有的window.onload事件處理函數(shù)的值存入到oldonload中。

       2、如果在這個處理函數(shù)上還沒有綁定任何函數(shù)，就將該函數(shù)添加給它。
       3、如果在這個處理函數(shù)上已經(jīng)綁定了一些函數(shù)，就把該函數(shù)追加到現(xiàn)有指定的末尾。
     通過addLoadEvent函數(shù)，只需要調(diào)用該函數(shù)就可以進(jìn)行綁定了。

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/50986.html

相關(guān)文章

  • addLoadEvent()函數(shù)

    摘要：假如我們希望某個函數(shù)在網(wǎng)頁加載完畢之后就立即執(zhí)行。事件與對象相關(guān)聯(lián)。因?yàn)楹瘮?shù)將會取代函數(shù)。如果在這個處理函數(shù)上還沒有綁定任何函數(shù)，就將該函數(shù)添加給它。如果在這個處理函數(shù)上已經(jīng)綁定了一些函數(shù)，就把該函數(shù)追加到現(xiàn)有指定的末尾。 假如我們希望某個函數(shù)在網(wǎng)頁加載完畢之后就立即執(zhí)行。網(wǎng)頁加載完畢時會觸發(fā)一個onload事件，所以我們可以利用onload事件來加載這個函數(shù)。Onload事件與win...

    idealcn 評論0 收藏0

  • 《DOM編程藝術(shù)》中CSS—DOM的總結(jié)（二）

    摘要：部分這是一個表格月日北京路號人民廣場月日南京路號人民博物館月日上海路號人民藝術(shù)中心部分要美觀，還是稍微寫點(diǎn)樣式吧代碼部分思路就是獲取到所有的，然后遍歷，并對做樣式修改。 前言：接上篇，本篇有兩個內(nèi)容：一個是Demo：當(dāng)鼠標(biāo)hover到表格的一行上時這行表格字體加粗。。。好了，廢話少說，開始！?。?－－－－－－－－－－－－－－－－－－嚴(yán)肅的分割線－－－－－－－－－－－－－－－－－－ 1....

    amc 評論0 收藏0

  • 《DOM編程藝術(shù)》中CSS—DOM的總結(jié)（二）

    摘要：部分這是一個表格月日北京路號人民廣場月日南京路號人民博物館月日上海路號人民藝術(shù)中心部分要美觀，還是稍微寫點(diǎn)樣式吧代碼部分思路就是獲取到所有的，然后遍歷，并對做樣式修改。 前言：接上篇，本篇有兩個內(nèi)容：一個是Demo：當(dāng)鼠標(biāo)hover到表格的一行上時這行表格字體加粗。。。好了，廢話少說，開始?。。?－－－－－－－－－－－－－－－－－－嚴(yán)肅的分割線－－－－－－－－－－－－－－－－－－ 1....

    yangrd 評論0 收藏0

  • javascript動畫總結(jié)（一）

    摘要：進(jìn)行一些判斷，將目標(biāo)位置設(shè)置在在，不變，也就是將其向右水平移動。另外，完整源代碼中沒用這個抽象函數(shù)。 前言：其實(shí)js動畫跟CSS－DOM結(jié)合的挺緊密的，都是用js函數(shù)實(shí)現(xiàn)一段時間內(nèi)重復(fù)設(shè)置元素的樣式就形成了動畫，其中涉及到大量的用DOM獲取元素樣式操作，所以可以先看一下CSS－DOM那篇文章，這次總結(jié)一下js中的動畫，這一篇是基礎(chǔ)知識總結(jié)，只用到了setTimeout函數(shù)，還有兩個定時...

    zoomdong 評論0 收藏0

  • javascript dom 編程讀書筆記

    摘要：設(shè)定瀏覽器屬性的屬性的方法叫做駝峰式命名是函數(shù)名方法名和對象屬性名的命名首選格式。由瀏覽器預(yù)先定義的對象被稱為宿主對象。在給某個元素添加了事件處理函數(shù)后，一旦事件發(fā)生，相應(yīng)的代碼就會執(zhí)行。 1.JavaScript是一個使網(wǎng)頁具有交互能力的程序設(shè)計語言。 2.設(shè)定瀏覽器屬性的屬性的方法叫做BOM. 3.駝峰式命名（myMood）是函數(shù)名、方法名和對象屬性名的命名首選格式。 4.命名變量...

    cyixlq 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<