DOM几个重要的函数

最近在读js编程艺术,发现几个不错的函数,总结如下:

1、页面初始化加载函数onload

操作DOM的函数应该在页面元素初始化结束之后再立即执行,否则页面元素还没有初始化完成,DOM操作就会搁浅了;网页加载完毕时会触发一个onload事件,应该写在onload函数里面执行,现封装一个将多个操作绑定的onload事件上的函数addLoadEvent:

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

在使用的时候直接将要执行的函数作为参数传进去就行了,

addLoadEvent(firstFunction)
addLoadEvent(secondFunction)
这将把那些在页面加载完毕时执行的函数创建为一个队列,使其依次执行
2、封装将元素插入到元素之后的方法insertAfter
function insertAfter(newElement,targetElement) {
        var parent=targetElement.parentNode;
        if(parent.lastChild==targetElement){
            parent.appendChild(newElement);
        }else{
            parent.insertBefore(newElement,targetElement.nextSibling);
        }
    }

目标元素为父元素最后一个元素时,直接追加到父元素之后;否则插入到目标元素和目标元素的下一个兄弟元素之间

posted @ 2018-08-06 15:22  极客小乌龟  阅读(997)  评论(1编辑  收藏  举报