javascript笔记，手写简易底层库

javascript作为编程语言，虽然灵活，但内置函数过少、不同浏览器存在兼容系问题，所以自己学习写一个简易的底层库对理解这门语言是非常重要的。下面的代码是根据某教程改写的。现重新备份如下

//20:33 2014/1/19 星期日
//base层:a兼容性处理；b扩展接口
//liulele622@163.com
//可以使用命名空间，诸如GLOBAL.Dom GLOBAL.Event GLOBAL.lang 


var GLOBAL={};
GLOBAL.namespace=function(str){
    var arr=str.split("."), o=GLOBAL;
    for(i=(arr[0]=="GLOBAL")?1:0; i < arr.length; i++){
        o[arr[i]] = o[arr[i]] || {};
        o = o[arr[i]];
    }
}

/**获取下一个元素**/
//Firefox下nextSibling把空白也当成元素；而IE下仅仅是DOM元素
function getNextNode(node){
    node = typeof node == "string" ? document.getElementById(node) : node;
    var nextNode = node.nextSibling;
    if(!nextNode) return null;
    if(!document.all){ //FF not supports
        while(true){
            if(nextNode.nodeType == 1){
                break;
            }else{
                if(nextNode.nextSibling){
                    nextNode = nextNode.nextSibling;
                }else{
                    break;
                }
            }
        }
    }
    return nextNode;
}

/**透明度**/
function setOpacity(node,level){
    node = typeof node == "string" ? document.getElementById(node) : node;
    if(document.all){
        node.style.filter = 'alpha(opacity = ' + level + ')';
    }else{
        node.style.opacity = level / 100;
    }
}

/*event*/
function getEventTarget(e){
    e = window.event || e;  //IE || FF
    return e.srcElement || e.target;
}

/**阻止事件冒泡**/
function stopPropagation(e){
    e = window.event || e;
    if(document.all){
        e.cancelBubble = true;
    }else{
        e.stopPropagation();
    }
}

/**同时监听多个事件**/
function on(node,eventType,handler){
    node = typeof node == "string" ? document.getElementById(node) : node;
    if(document.all){
        node.attachEvent("on" + eventType, handler);
    }else{
        node.addEventListener(eventType, handler, false);
    }
}

/**去除首位空白**/
function trim(ostr){
    return ostr.replace(/^s+|s+$/g,"");
}

/**判断是否为某类型**/
function isNumber(s){
    return !isNaN(s);
}
function isString(s){
    return typeof s === "string";
}

function isBoolean(s){
    return typeof s === "boolean";
}

function isFunction(s){
    return typeof s === "function";
}

function isNull(s){
    return s === null;
}

function isUndefined(s){
    return typeof s === "undefined";
}

function isEmpty(s){
    return /^s*$/.test(s);
}

function isArray(s){
    return s instanceof Array;
}
  
/**get**/
function get(node){
    node = typeof node == "string" ? document.getElementById(node) : node;
    return node;
}
function $(node){
    node = typeof node == "string" ? document.getElementById(node) : node;
    return node;
}

/**getElementsByClassName**/
function getElementsByClassName(str,root,tag){
    if(root){
        root = typeof root == "string" ? document.getElementById(root) : root;
    }else{
        root = document.body;
    }
    tag = tag || "*";
    var els = root.getElementsByTagName(tag), arr=[];
    for(var i = 0, n = els.length; i < n; i++){
        for(var j = 0, k = els[i].className.split(" "), l = k.length; j < l; j++){
            if(k[j] === str){
                arr.push(els[i]);
                break;
            }
        }
    }
    return arr;
}

/**extend**/
function extend(subClass,superClass){
    var F = function(){};
    F.prototype = superClass.prototype;
    subClass.prototype = new F();
    subClass.prototype.constructor = subClass;
    subClass.superclass = superClass.prototype;
    if(superClass.prototype.constructor == Object.prototype.constructor){
        superClass.prototype.constructor = superClass;
    }
}

/****/

//20:33 2014/1/19 星期日
//base层:a兼容性处理；b扩展接口
//liulele622@163.com
//可以使用命名空间，诸如GLOBAL.Dom GLOBAL.Event GLOBAL.lang 

/**cookie操作**/
GLOBAL.namespace("Cookie");
GLOBAL.Cookie = {
    read : function(name){
        var cookieStr = "; " + document.cookie + "; ";
        var index = cookieStr.indexOf("; " + name + "=");
        //console.log(document.cookie);
        if(index != -1){
            var s = cookieStr.substring(index + name.length + 3, cookieStr.length);
            return unescape(s.substring(0,s.indexOf("; ")));
        }else{
            return null;
        }
    },
    set : function(name, value, expires){
        var expDays = expires * 24 * 60 * 60 * 1000;
        var expDate = new Date();
        expDate.setTime(expDate.getTime() + expDays);
        var expString = expires ? "; expires=" + expDate.toGMTString() : "";
        var pathString = "; path=/";
        cookie = name + "=" + escape(value) + expString + pathString;
        document.cookie  = cookie;
        //console.log(cookie);
    },
    del: function(name){
        var exp = new Date(new Date().getTime() - 1);
        var s = this.read(name);
        if(s != null){
            document.cookie = name + "=" + s + "; expires=" + exp.toGMTString() + "; path=/";
        }
    }
}

/**Ajax**/
GLOBAL.namespace("Ajax");
GLOBAL.Ajax = function(url,fnSucc,fnFaild){
    //创建ajax对象
    if(window.XMLHttpRequest){
        var oAjax = new XMLHttpRequest();
    }else{
        var oAjax = ActiveXObject("Microsoft.XMLHTTP");
    }
    //连接服务器
    oAjax.open('get',url,true);
    //发送
    oAjax.send();
    //接收
    oAjax.onreadystatechange = function(){
        if(oAjax.readyState == 4){
            if(oAjax.status == 200){
                fnSucc(oAjax.responseText);
            }else{
                if(fnFaild){
                    fnFaild();
                }
            }
        }
    }
    
}

/**运动**/
GLOBAL.namespace("Move");
GLOBAL.Move = {
    getStyle: function(obj,name){
        if(obj.currentStyle){
            return obj.currentStyle[name];
        }else{
                return getComputedStyle(obj,false)[name];
        }
    },
    startMove: function(obj,json,fnEnd){
        clearInterval(obj.timer);
        obj.timer = setInterval(function(){
            var bStop = true;
            for(var attr in json){
                var cur = 0;
                if(attr =='opacity'){
                    cur = Math.round(parseFloat(GLOBAL.Move.getStyle(obj,attr))*100);
                }else{
                    cur = parseInt(GLOBAL.Move.getStyle(obj,attr));
                }
                var speed=(json[attr]-cur)/6;
                speed = speed>0 ? Math.ceil(speed) : Math.floor(speed);
                console.log("%s,%s",cur,json[attr]);
                if(cur != json[attr])        
                    bStop = false;
                if(attr == 'opacity'){
                    obj.style.filter='alpha(opacity:'+(cur+speed)+')';
                    obj.style.opacity=(cur+speed)/100;
                }else{
                    obj.style[attr] = cur + speed + 'px';
                }
            }
            if(bStop){
                clearInterval(obj.timer);
                if(fnEnd) fnEnd();
            }
        }, 30);
    }
    
}