一些常用的原生js方法（函数）

1. addLoadEvent解决window.onload=fn在页面加载执行一次，addLoadEvent(fn)可以直接绑定多个函数在加载后执行

function addLoadEvent(fn) {
        var oldLoad = window.onload; //把之前window.onload调用的函数保存起来
        if( typeof window.onload != "function") { //如果window.onload还未指向function
            window.onload = fn ;
        } else {
            window.onload = function() { //
                oldLoad();
                fn();
            }
        }
    }

2.getElementsByClassName ,HTML5新增了此方法，使用这个方法可以带多个类名，如getElementsByClassName(" sale active ") 顺序不重要，为了使用老浏览器

function getElementsByClassName(node,className) {
    if(node.getElementsByClassName) {
        //使用h5现有方法
        return node.getElementsByClassName(className);
    } else {
        var result = new Array();
        var elems = node.getElementsByTagName("*");
        for( var i=0; i<elems.length; i++) {
            if(elems[i].className.indexOf(className) != -1) {
                result[result.length] = elems[i]; // 或result.push(elems[i]);
            }
        }
        return result;
    }
}

3.getStyle(obj,attr)获取对象属性

function getStyle(obj,attr){
        if(obj.currentStyle){
            return obj.currentStyle[attr];
        }
        else{
            return getComputedStyle(obj,false)[attr];
        }
    }

4.css(obj,attr,valve)，上面的增强版，获取和设置一个对象的CSS属性 

function css(obj, attr, value)
{
    switch (arguments.length)
    {
        case 2:     
            if(typeof arguments[1] == "object") //2个参数，第一个参数为obj，第二个参数为json(对象)格式{attr:value,attr2:value}
            {    
                for (var i in attr) i == "opacity" ? (obj.style["filter"] = "alpha(opacity=" + attr[i] + ")", obj.style[i] = attr[i] / 100) : obj.style[i] = attr[i];
            }
            else     //否则，2个参数一般为获取obj.attr值
            {    
                return obj.currentStyle ? obj.currentStyle[attr] : getComputedStyle(obj, null)[attr]
            }
            break;
        case 3:     //3个参数为直接设置属性 obj.style[attr] = value
            attr == "opacity" ? (obj.style["filter"] = "alpha(opacity=" + value + ")", obj.style[attr] = value / 100) : obj.style[attr] = value;
            break;
    }
};

5. insertAfter，DOM有insertBefore方法，没有 insertAfter方法。我们完全可以利用已有DOM方法和属性编写一个insertAfter()函数

function insertAfter(newElement, targetElement) {
        var parent = targetElement.parentNode ;
        // 如果父元素最后的子节点就是 目标节点 , 则直接追加到父元素后面
        if( parent.lastChild == targetElement ) {
            parent.appendChild(newElement);
        } else {
            //否则将新元素插入到目标元素的下一个元素之前
            parent.insertBefore(newElement,targetElement.nextSibling);
        }
    }

6.借助call或apply用其它对象的方法来操作某个函数，

function bind(obj,fn) {
    return function(){
        fn.apply(obj,arguments); //相当于obj.fn 
    }
}

7.事件对象绑定与解除

/*-------------------------- +
  事件绑定, 删除
 +-------------------------- */
var EventUtil = {
    addHandler: function (oElement, sEvent, fnHandler) {
        oElement.addEventListener ? oElement.addEventListener(sEvent, fnHandler, false) : (oElement["_" + sEvent + fnHandler] = fnHandler, oElement[sEvent + fnHandler] = function () {oElement["_" + sEvent + fnHandler]()}, oElement.attachEvent("on" + sEvent, oElement[sEvent + fnHandler]))
    },
    removeHandler: function (oElement, sEvent, fnHandler) {
        oElement.removeEventListener ? oElement.removeEventListener(sEvent, fnHandler, false) : oElement.detachEvent("on" + sEvent, oElement[sEvent + fnHandler])
    },
    addLoadHandler: function (fnHandler) {
        this.addHandler(window, "load", fnHandler)
    }
};

8.万能运动方法

function startMove(obj,json,endFn){
    
        clearInterval(obj.timer);
        
        obj.timer = setInterval(function(){
            
            var bBtn = true;
            
            for(var attr in json){
                
                var iCur = 0;
            
                if(attr == 'opacity'){
                    if(Math.round(parseFloat(getStyle(obj,attr))*100)==0){
                    iCur = Math.round(parseFloat(getStyle(obj,attr))*100);
                    
                    }
                    else{
                        iCur = Math.round(parseFloat(getStyle(obj,attr))*100) || 100;
                    }    
                }
                else{
                    iCur = parseInt(getStyle(obj,attr)) || 0;
                }
                
                var iSpeed = (json[attr] - iCur)/8;
            iSpeed = iSpeed >0 ? Math.ceil(iSpeed) : Math.floor(iSpeed);
                if(iCur!=json[attr]){
                    bBtn = false;
                }
                
                if(attr == 'opacity'){
                    obj.style.filter = 'alpha(opacity=' +(iCur + iSpeed)+ ')';
                    obj.style.opacity = (iCur + iSpeed)/100;
                    
                }
                else{
                    obj.style[attr] = iCur + iSpeed + 'px';
                }
                
                
            }
            
            if(bBtn){
                clearInterval(obj.timer);
                
                if(endFn){
                    endFn.call(obj);
                }
            }
            
        },30);
    
    }