javascript通用代码合集

Posted 2020-10-31 流年如水~烟雨随风

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);
    }
}