Js根据ADS.js写的类库

跟ADS.js一样 类似默写 加深对类库开发的理解

(function(){
    
    //IORI命名空间 Advanced DOM Scripting   
    if(!window.IORI){
        window.IORI={};
    }
    
    //确定浏览器是否与整个库兼容   
    //例子 alert(ADS.getEvent());   
    function isCompatible(other){   
        if(other===false  
        ||!Array.prototype.push   
        ||!Object.hasOwnProperty   
        ||!document.createElement   
        ||!document.getElementsByTagName   
        ){   
            return false;   
        }   
        return true;   
    }   
    IORI.isCompatible=isCompatible;   
    //使用if(IORI.isCompatible)
    
    //根据id获取元素、元素组
    function $(){
        var elements = new Array();
        for(var i=0; i<arguments.length; i++){
            var element = arguments[i];
            if(typeof element == 'string'){
                element = document.getElementById(element);
                
                if(arguments.length == 1){
                    return element;
                }
                elements.push(element);
            }        
        }    
        
        return elements;    
    }
    IORI.$=$;    
    //使用IORI.$('t1','t2')
    
    //添加事件   
    //例子IORI.addEvent(window,'load',test6);   
    //    IORI.addEvent(window,'load',test5);   
    //可以为一个对象添加多个事件  
    function addEvent(node,type,listener){
        if(!IORI.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.attachEvent('on'+type,listener)
                /*node['e'+type_]=listener;   
                node[type_]=function()   
                {                  
                    node['e'+type_](window.event);   
                }              
                node.attachEvent('on'+type_,node[type_]);  */
                return true;
        }
        
        //若两种方法都不具备   
        return false; 
    }
    IORI.addEvent = addEvent;
    
    //删除事件   
    //例子 IORI.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){
            node.detachEvent('on'+type,listener);
            return true;    
        }
        
        return false;
    }
    IORI.removeEvent = removeEvent;
    
    //依据className 查找元素(集合)   
    //例子 ADS.getElementsByClassName("className","*",document);   
    //返回 数组   
    function getElementsByClassName(className,tag,parent){   
        parent=parent||document;   
        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;   
    }   
    IORI.getElementsByClassName=getElementsByClassName; 
        
    //反复隐显   
    //例子 IORI.toggleDisplay('id');   
    //    IORI.toggleDisplay('id','block');  
    function toggleDisplay(node,value){
        if(!(node=$(node))){return false;}
        
        if(node.style.display != 'none'){
            node.style.display = 'none';
        }
        else{
            node.style.display = value||'';    
        }
    }
    IORI.toggleDisplay = toggleDisplay;
    
    //在指定元素后面插入一个元素   
    //IORI.insertAfter("bu1","bu8")    
    function insertAfter(node,referenceNode){
        if(!(node=$(node))){return false;}
        if(!(referenceNode=$(referenceNode))){return false;}
        referenceNode.parentNode.insertBefore(node,referenceNode.nextSibling);
    }
    IORI.insertAfter = insertAfter;
    
    //给指定节点添加子节点,  添加在已有子节点的前面  
    function prependChild(parent,node){
        if(!(parent=$(parent))){return false;}
        if(!(node=$(node))){return false;}
        if(parent.hasChildNodes()){
            parent.insertBefore(node,parent.firstChild);
        }
        else{
            parent.appendChild(node);
        }
    }
    IORI.prependChild = prependChild;
    
    //删除元素的子元素
    function removeAllChild(parent){
        if(!(parent=$(parent))){return false;}
        /*while(parent.hasChildNodes()){
            parent.removeChild(parent.firstChild);
        }*/
        
        /*while(parent.firstChild){
            parent.removeChild(parent.firstChild);
        }*/
        
        while(parent.firstChild){
            parent.firstChild.parentNode.removeChild(parent.firstChild);
        }
    }
    IORI.removeAllChild = removeAllChild;
    
})(window)

 

转载于:https://www.cnblogs.com/sidihu/archive/2012/05/08/2490774.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值