addLoadEvent()函數

idealcn 發布于2019-08-20 18:01 / 1090人閱讀

摘要：假如我們希望某個函數在網頁加載完畢之后就立即執行。事件與對象相關聯。因為函數將會取代函數。如果在這個處理函數上還沒有綁定任何函數，就將該函數添加給它。如果在這個處理函數上已經綁定了一些函數，就把該函數追加到現有指定的末尾。

假如我們希望某個函數在網頁加載完畢之后就立即執行。網頁加載完畢時會觸發一個onload事件，所以我們可以利用onload事件來加載這個函數。Onload事件與window對象相關聯。如：

      把myfunction函數綁定到這個事件上：

window.onload = myfunction();

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

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

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

但是每個處理函數只能綁定一條指令。所以上面的不行。因為secondFunction函數將會取代firstFunction函數。

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

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

firstFunction();  
secondFunction();

}
這確實是一個好的、簡答的方法。

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

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

1、把現有的window.onload事件處理函數的值存入到oldonload中。

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

GPU云服務器云服務器 addLoadEvent 函數中定義函數 php函數與函數調用 js里函數沒有函數體

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/84014.html

addLoadEvent()函數

摘要：假如我們希望某個函數在網頁加載完畢之后就立即執行。事件與對象相關聯。因為函數將會取代函數。如果在這個處理函數上還沒有綁定任何函數，就將該函數添加給它。如果在這個處理函數上已經綁定了一些函數，就把該函數追加到現有指定的末尾。假如我們希望某個函數在網頁加載完畢之后就立即執行。網頁加載完畢時會觸發一個onload事件，所以我們可以利用onload事件來加載這個函數。Onload事件與win...

nanfeiyan 2019-08-01 17:09 評論0 收藏0
《DOM編程藝術》中CSS—DOM的總結（二）

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

amc 2019-08-29 10:54 評論0 收藏0
《DOM編程藝術》中CSS—DOM的總結（二）

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

yangrd 2019-08-19 18:32 評論0 收藏0
javascript動畫總結（一）

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

zoomdong 2019-08-19 18:34 評論0 收藏0
javascript dom 編程讀書筆記

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

cyixlq 2019-08-23 10:22 評論0 收藏0