封装

      

     1、//封装获取样式/兼容
               function getStyle(obj,name){
                         if(obj.currentStyle){
                           return obj.currentStyle[name];
           }else{
                      return getComputedStyle(obj,false)[name];
           }
    }




2、//封装随机数
     function rnd(n,m){
             return parseInt(Math.random()*(m-n)+n);
    }
      alert(rnd(10,20));




3、//封装求和函数
  function sum(arr){
        var res=0;
        for(var i=0;i<arguments.length;i++){
            res+=arguments[i];
        }
        return res;
    }
    alert(sum(1,2,3,4,5));




4、//补零函数
   function toDou(n){
       return n<10?'0'+n:''+n;
  }




5、//封装在数组里面找东西
  function findInArr(item,arr){
      for(var i=0;i<arr.length;i++){
         if(arr[i]==item){
            return true;
           }
      }
       return false;
  }
  var arr=[1,2,3,4];
  var a=3;
  alert(findInarr(a,arr));




6、//字符串转json封装
   var str='a=1&b=2&c=3';
   function str2json(str){
       var arr=str.split('&');
        var json={};
      for(var i=0;i<arr.length;i++){
         var a=arr[i].split('=');
         json[a[0]]=a[1];
     }
    return json;
}
console.log(str2json(str));




7、//json转字符串封装
  var json={a:1,b:2,c:3};
     function json2str(json){
        var arr=[];
        for(var name in json){
             arr.push(name+'='+json[name]);
       }
    return arr.join('&')
}
alert(json2str(json));




8.//删除数组中的奇数
   var arr=[1,1,1,1,2,2,3,4,5,6,2,4];
           function removeOdd(arr){
                for(var i=0;i<arr.length;i++){
                      if(arr[i]%2==1){
                      arr.splice(i,1);
                     i--;
                  }
             }
        }
           removeOdd(arr);
          alert(arr);




9、找到最小值出现的位置
     function findMinIndex(arr,start){
         var iMin=arr[start];
         var iMinIndex=start;
              for(var i=start+1;i<arr.length;i++){
                  if(iMin>arr[i]){
                      iMin=arr[i];
                      iMinIndex=i;
                }
           }
         return iMinIndex;
   };




10、兼容浏览器类型
      if(window.navigator.userAgent.indexOf('Chrome')!=-1){
              alert('这是谷歌浏览器');
              }else{
                 alert('这不是谷歌浏览器')
}




11、设置样式
    function setStyle(obj,name,value){
        obj.style[name]=value;
}




12、选项卡
  function tab(){
       for(var i=0;i<aBtn.length;i++){
           aBtn[i].className='';
           aDiv[i].style.display='none';
        };
      aBtn[n].className='on';
      aDiv[n].style.display='block';




13、封装今天的日期
         function getToDate(){
                     var oDate=new Date();
                     var y=oDate.getFullYear();
                     var m=oDate.getMonth()+1;
                     var s=oDate.getDate();
            return m+'/'+s+'/'+y;
       }
   alert(getToDate());




14、通过class获取元素
             function getByClass(oParent,sClass){
                if(oParent.getElementsByClassName){
                      return oParent.getElementsByClassName(sClass);
           }else{
                    var aEl=oParent.getElementsByTagName('*');




15、通过div在body获取绝对位置
       function getPos(obj){
                //初始值
                var l=0;
                var t=0;
                while(obj){
                    l+=obj.offsetLeft;
                    t+=obj.offsetTop;
                    obj=obj.offsetParent;
                }
                return {left:l,top:t};
            }