zoukankan      html  css  js  c++  java
  • 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);
            }
        }

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

  • 相关阅读:
    BZOJ3781 小B的询问
    BZOJ3757 苹果树
    BZOJ1491 [NOI2007]社交网络
    BZOJ3754 Tree之最小方差树
    BZOJ1251 序列终结者
    BZOJ2259 [Oibh]新型计算机
    BZOJ1043 [HAOI2008]下落的圆盘
    D. 预定义变量
    A. 变量命名原则
    B. PHP变量的特点
  • 原文地址:https://www.cnblogs.com/gopark/p/9430413.html
Copyright © 2011-2022 走看看