1.逐一綁定操作到window.onload上

//func:新函數
function addLoadEvent(func){
    //把現有的window.onload事件處理函數的值存入變量oldonload
    var oldload = window.onload;
    //如果在這個處理函數上還沒有綁定任何函數，就像平時那樣把新函數添加給它
    if(typeof oldload !== ‘function‘){
        window.onload = func;
    } else {
        //如果在這個處理函數上已經綁定了一些函數，就把新函數追加到現有指令的末尾
 

        window.onload = function(){
            oldload();
            func();
        }
    }
}

2.插入一個元素到另一個元素的後面

　　雖然dom沒有提供直接的方法，但是提供了這一操作的所有“原材料”

//首先，這個函數有兩個參數：一個是將被插入的新元素，另一個是目標元素。
function insertAfter(newElement, targetElement){
    //把目標元素的parentNode屬性值保存到變量parent裏
    var
 
 parent = targetElement.parentNode;
    //檢查目標元素是不是parent的最後一個元素
    if(parent.lastChild === targetElement){
        //如果是，則追加
        parent.appendChild(newElement);
    } else {
        //如果不是，則把新元素插入到目標元素和目標元素的下一個兄弟元素之間。
        parent.insertBefore(newElement,targetElement.nextSibling);
    }
}
 

javascript通用代碼合集