创建自己的库 ADS.js(第一版本)

伪命名空间的使用.

 在javascript2.0广泛使用之前,这里说的"命名空间"都不是真正的. 只是在脚本内营造一个属于自己的小空间的小技巧而已.

 如果你的使用了Prototype库, 同时你又自己写了一个 function $(){} 函数 , 你的$函数就会与 Prototype库的$函数重名,所以我们要使用命名空间, 而且是伪命名空间.

 例如:

(function(){//代码})();

 //代码 处的代码,不能被外面访问,这就是自己的小空间了.

 开始写自己的库

 只有架子, 没写实现,以后会补全的,这里只是写一个写库的思想

(function (){   
       
    //ADS命名空间 Advanced DOM Scripting   
    if(! window.ADS)   
    {   
        window.ADS= {};   
    }      
    //确定浏览器是否与整个库兼容   
    //例子 alert(ADS.getEvent());   
    function  isCompatible(other){}   
    window.ADS.isCompatible= isCompatible;   
    //取得元素   
    //例子 ADS.$('bu1','bu2')   
    function  $(){}   
    window.ADS.$= $;   
    //添加事件   
    //例子 ADS.addEvent(window,'load',test6);   
    function  addEvent(node,type_,listener){}   
    window.ADS.addEvent= addEvent;   
    //删除事件   
    //例子 ADS.removeEvent(window,'load',test6);   
    function  removeEvent(node,type,listener){}   
    window.ADS.removeEvent= removeEvent;   
       
    function  getElementsByClassName(className,tag,parent){}   
    window.ADS.getElementsByClassName= getElementsByClassName;   
       
    function  toggleDisplay(node,value){}   
    window.ADS.toggleDisplay= toggleDisplay;   
       
    function  removeChild(parent){}   
    window.ADS.removeChild= removeChild;   
       
    function  prependChild(parent,newChild){}   
    window.ADS.prependChild= prependChild;   
    // 获得事件对象   
    function  getEvent(){}   
    window.ADS.getEvent= getEvent;   
       
       
})();  

下面是写了实现的  库,  ADS.js

/* *  
 * @author 赵磊 2009-04-25  
 */   
(function (){   
       
    //ADS命名空间 Advanced DOM Scripting   
    if(! window.ADS)   
    {   
        window.ADS= {};   
    }      
    //确定浏览器是否与整个库兼容   
    //例子 alert(ADS.getEvent());   
    function  isCompatible(other){   
        if(other===false   
        ||! Array.prototype.push   
        ||! Object.hasOwnProperty   
        ||! document.createElement   
        ||! document.getElementsByTagName   
        ){   
            return false ;   
        }   
        return true ;   
    }   
    window.ADS.isCompatible= isCompatible;   
    //依据id取得元素   
    //例子 ADS.$('bu1','bu2')   
    function  $(){   
        var elements=new  Array();   
           
        //查找作为参数提供的所有元素   
        for(var i=0;i<arguments.length;i++ )   
        {   
            var element= arguments[i];   
            //如果该参数是一个字符串,假设它是一个id   
            if(typeof element=='string' )   
            {   
                element= document.getElementById(element);   
            }   
            //如果只提供了一个参数,则立即返回这个元素   
            if(arguments.length==1 )   
            {   
                return  element;   
            }   
            //否则将它添加进数组   
            elements.push(element);   
        }   
           
        //返回包含多个被请求元素的数组   
        return  elements;   
    }   
    window.ADS.$= $;   
    //添加事件   
    //例子 ADS.addEvent(window,'load',test6);   
    //    ADS.addEvent(window,'load',test5);   
    //可以为一个对象添加多个事件   
    function  addEvent(node,type_,listener){   
        //检查兼容性   
        if(!isCompatible()){return false ;}         
           
        if(!(node=$(node))){return false ;}   
           
        if (node.addEventListener)   
        {   
            //W3C的方法   
            node.addEventListener(type_,listener,false );   
            return true ;   
        }else if (node.attachEvent)   
        {              
            //MS IE的方法   
            node['e'+type_]= listener;   
            node[type_]=function ()   
            {                  
                node['e'+ type_](window.event);   
            }              
            node.attachEvent('on'+ type_,node[type_]);              
            return true ;   
        }   
        //若两种方法都不具备   
        return false ;   
    }   
    window.ADS.addEvent= addEvent;   
    //删除事件   
    //例子 ADS.removeEvent(window,'load',test6);   
    function  removeEvent(node,type,listener){   
        if(!(node=$(node))) {return false ;}   
           
        if (node.removeEventListener)   
        {   
            //W3C的方法   
            node.removeEventListener(type,listener,false );   
            return true ;   
        }   
        else if (node.detachEvent)   
        {   
            // MS IE 的方法   
            node.detachEvent('on'+ type,node[type]);   
            node[type]=null ;   
            return true ;   
        }   
        //若两种方法都不具备   
        return false ;   
    }   
    window.ADS.removeEvent= removeEvent;   
    //依据className 查找元素(集合)   
    //例子 ADS.getElementsByClassName("className","*",document);   
    //返回 数组   
    function  getElementsByClassName(className,tag,parent){   
        parent=parent|| documetn;   
        if(!(parent=$(parent))){return false ;}   
           
        //查找所有匹配的标签   
        var allTags=(tag=="*"&&parent.all)? parent.all:parent.getElementsByTagName(tag);   
        var matchingElements=new  Array();   
           
        //创建一个正则表达示   
        className=className.replace(/\-/g,"\\-" );   
        var regex=new RegExp("(^|\\s)"+className+"(\\s|$)" );   
           
        var  element;   
        for(var i=0;i<allTags.length;i++ )   
        {   
            element= allTags[i];   
            if (regex.test(element.className)){   
                matchingElements.push(element);   
            }   
        }   
        return  matchingElements;   
    }   
    window.ADS.getElementsByClassName= getElementsByClassName;   
    //反复隐显   
    //例子 ADS.toggleDisplay('id');   
    //    ADS.toggleDisplay('id','block');   
    function  toggleDisplay(node,value){   
        if(!(node=$(node))){return  flase;}   
           
        if(node.style.display!='none' ){   
            node.style.display='none' ;   
        }else {   
            node.style.display=value||'' ;   
        }   
        return true ;   
    }   
    window.ADS.toggleDisplay= toggleDisplay;   
    //在指定元素后面插入一个元素   
    //ADS.insertAfter("bu1","bu8")   
    //ADS.insertAfter(ADS.$("bu1"),ADS.$("bu8"))       
    function  insertAfter(node,referenceNode){   
        if(!(node=$(node))){return false ;}   
        if(!(referenceNode=$(referenceNode))){return false ;}   
        return  referenceNode.parentNode.insertBefore(node,referenceNode.nextSibling);   
    }   
    window.ADS.insertAfter= insertAfter;    
    //删除指定元素的所有子元素   
    function  removeChild(parent){   
        if(!(parent=$(parent))) return false ;   
        while (parent.firstChild){   
            parent.firstChild.parentNode.removeChild(parent.firstChild);   
        }   
        return  parent;   
    }   
    window.ADS.removeChild= removeChild;   
    //给指定节点添加子节点,  添加在已有子节点的前面   
    //   
    function  prependChild(parent,newChild){   
        if(!(parent=$(parent))) return false ;   
        if(!(newChild=$(newChild))) return false ;   
        if (parent.firstChild)   
        {   
            //如果存在一个 子节点,则在这个节点之前插入   
            parent.insertBefore(newChild,parent.firstChild)   
        }else {   
            //如果没有子节点,则直接插入   
            parent.appendChild(newChild);   
        }   
        return  parent;   
    }   
    window.ADS.prependChild= prependChild;   
    // 获得事件对象   
    function  getEvent(){   
        if (window.event)   
                {    
                    return  window.event;   
                }   
                var f= getEvent.caller;   
                while(f!=null )   
                {   
                    var e = f.arguments[0 ];                        
                    if(e && (e.constructor==MouseEvent||e.constructor==Event||e.constructor==KeyboardEvent)) return  e;                           
                    f= f.caller;   
                }   
    }   
    window.ADS.getEvent= getEvent;   
       
       
})();  

转自： http://elf8848.javaeye.com/blog/374788