码迷,mamicode.com
首页 > 编程语言 > 详细

javascript通用代码合集

时间:2018-04-18 10:26:41      阅读:180      评论:0      收藏:0      [点我收藏+]

标签:通用   color   事件处理   合集   参数   原材料   class   ext   操作   

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通用代码合集

标签:通用   color   事件处理   合集   参数   原材料   class   ext   操作   

原文地址:https://www.cnblogs.com/ShawnYang/p/8871932.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!