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

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

  • 相关阅读:
    串匹配模式中的BF算法和KMP算法
    “隐藏与显示”的多种方法实现
    原生js实现tooltip提示框的效果
    心向旋转巧得木马 峰回路转偶得时钟
    jQuery 之 验证表单
    Java代码添加背景音乐
    svg动画 之 我的自制太阳系
    java_22 Map接口
    java_22.1 Map 的应用
    java_18 Collection接口
  • 原文地址:https://www.cnblogs.com/gopark/p/9430413.html
Copyright © 2011-2022 走看看