仿百度开源js框架tangram2.0.0.0 封装的自己常用的方法框架

上个月研究了百度的tangram-2.0.0.0框架，主要研究里面的设计模式和函数写法，模仿着它的写法了，将平时经常用到的一些方法和属性封装了起来。用法和tangram-2.0.0.0用法一样，主要特点是代码容易看得懂，易学易用，纯属学习研究专用。会继续努力学习以便更新新内容的。

/**********************/
/*name  thinks.js*/
/*date 2012-10-08*/
/*version v1.0*/
/*author thinksley*/
/*纯手工常用前端功能函数封装，待续*/
/**********************/
var thinks=thinks || {};
$dom=thinks.dom=thinks.dom || {};
$array=thinks.array=thinks.array || {};
$string=thinks.string=thinks.string || {};
$number=thinks.number=thinks.number || {};
$events=thinks.events=thinks.events || {};
$page=thinks.page=thinks.page || {};
$object=thinks.object=thinks.object || {};
$fn=thinks.fn=thinks.fn || {};
//g(element) 抓取元素
thinks.g=function(id){
  if(!id) return null;
  if(typeof id == 'string' || id instanceof String){
     return document.getElementById(id)
   }else if(id.nodeName && (id.nodeType==1 || id.nodeType==9)){
     return id; 
   }
  return null;
 }
//q(oParent,sClass)
thinks.q=function(oParent,sClass){
    var alls=oParent.getElementsByTagName('*');
    var res=[];
    for(var i=0;i<alls.length;i++){
       if(alls[i].className==sClass)
       res.push(alls[i]);
     }
    return res;
 }
//hide(element) 隐藏元素
thinks.dom.hide=function(element){
     var obj=thinks.g(element);
      obj.style.display='none';
 }
//show(elemnt) 显示元素
thinks.dom.show=function(element){
     var obj=thinks.g(element);
      obj.style.display='block';
 }
//addClass(elemnt,className) 添加样式名
thinks.dom.addClass=function(element,className){
   var element=thinks.g(element);
   var classArray=className.split(',');
   result=classArray;
   element.className=result;
   return element;
 }
//thinks.toogle(element) 显示/隐藏元素
thinks.dom.toogle=function(element){
    var element=thinks.g(element);
  element.style.display = element.style.display=='none' ? '' :'none';
     return element;
   }
//thinks.remove
thinks.dom.remove=function(element){
   var element=thinks.g(element);
   tmpEl=element.parentNode;
   tmpEl && tmpEl.removeChild(element);
 }
//thinks.dom.width(element)  获取元素宽度
thinks.dom.width=function(element){
   var element=thinks.g(element);
   return element.offsetWidth;
 }
//thinks.dom.height(element)  获取元素宽度
thinks.dom.height=function(element){
   var element=thinks.g(element);
   return element.offsetHeight;
 }
//getParent(element)  父亲层
thinks.dom.getParent=function(element){
    element=thinks.g(element);
   return element.parentElement || element.parentNode || null; //兼容
   }
//thinks.dom.getStyle(element,attr)  获取样式值得
thinks.dom.getStyle=function(element,attr){
    var element=thinks.g(element);
    if(element.currentStyle)
    {
      return element.currentStyle[attr];
    }else
    {
      return getComputedStyle(element,false)[attr];
    }
 }
//thinks.dom.showTab()  选项卡
thinks.dom.showTab=function(menu,card,cur,alls,listStyle){
   //待续
  
}
thinks.dom.bg=function(element,value){
    element=thinks.g(element);
    element.style.background=value;
 }
//thinks.dom.css()
thinks.dom.css=function(obj,attr,value){
    if(arguments.length==2){
       return parseFloat(obj.currentStyle ? obj.currentStyle[attr] : document.defaultView.getComputedStyle(obj,false)[attr]);
     }else if(arguments.length==3){
     switch(attr)
     {
    case 'width':
    case 'height':
    case 'paddingLeft':
    case 'paddingRight':
    case 'paddingTop':
    case 'paddingBottom':
       value=Math.max(value,0);
    case 'left':
    case 'top':
    case 'marginLeft':
    case 'marginTop':
    case 'marginRight':
    case 'marginBottom':
      obj.style[attr]=value+'px';
      break;
    case 'opacity':
      obj.style.filter='alpha(opacity'+value*100+')';
      obj.style.opacity=value;
      break;
    default:
      obj.style[attr]=value;
     }
     }
   return function(attr_in,value_in){css(obj,attr_in,value_in)};
 }
//thinks.array.empty(source)清空数组
thinks.array.empty=function(source){
   source.length=0;
 }
//thinks.array.finds(source,iterator)
thinks.array.finds=function(source,iterator){
   var i,iteam,len=source.length;
   if(typeof iterator=='function'){
       for(var i=0;i<len;i++){
       iteam=source[i];
       if(iterator.call(source,iteam,i)){
          return iteam;
        }
     }
    }
   return null;
 }
//hash(keys,values) 哈希
thinks.string.hash=function(keys,values){
   var o={},l=keys.length,vl=values && values.length;
   for(var i=0;i<l;i++){
      o[keys[i]]=(vl && vl>i) ? values[i] : true;
    }
   return o;
 }
//thinks.trime(str) 去除左右空格
thinks.string.trim=function(str){
   return str.replace(/^\s+ | \s+$/g,'');
 }
//thinks.string.randNum(mins,maxs) 生成随机数
thinks.string.randNum=function(mins,maxs){
   return Math.floor(Math.random()*(maxs-mins+1)+mins);
 }
//thinks.number.numberFormat() 3个隔开阿拉伯数字 零宽度正预测先行断言(?=表达式)表示前面的位置
thinks.number.numberFormat=function(val){
   var numArr=String(val).split('.');
   numArr[0]=numArr[0].replace(/(\d)(?=(\d{3})+$)/ig,'$1,');
   return numArr.join('.');
 }
//thinks.number.pad(source,length) 前面置多少个零
thinks.number.pad=function(source,length){
  var pre='',
       negative=(source<0),
       string=String(Math.abs(source));
   if(string.length<length){
      pre=(new Array(length-string.length+1)).join('0');
    }
    return (negative ? '-' : '') + pre + string;
  
 }
//thinks.events.on(obj,type,fn)事件绑定
thinks.events.on=function(obj,type,fn){
   return obj.attachEvent ? obj.attachEvent('on'+type,fn) : obj.addEventListener(type,fn,false);
    }
//thinks.events.getPageX(e)鼠标x位置
/*thinks.events.getPageX=function(ev){  //该函数可用的 by thinksley
    var oEven=ev || window.event;
    return oEven.clientX;
 }*/
thinks.events.getPageX=function(event){
   var result=event.pageX,doc=document;
   if(!result || result!==0){
      result=(event.clientX || 0) + (doc.documentElement.scrollLeft || doc.body.scrollLeft)
    }
   return result;
 }
//thinks.events.getPageY(e)鼠标y位置
thinks.events.getPageY=function(event){
   var result=event.pageY,doc=document;
   if(!result || result!==0){
      result=(event.clientY || 0) + (doc.documentElement.scrollTop || doc.body.scrollTop)
    }
   return result;
 }
//thinks.events.getKeyCode(e) 键盘监听
thinks.events.getKeyCode=function(event){
   return event.which || event.keyCode;
 }
//thinks.page.loadCss(path) 加载css文件
thinks.page.loadCss=function(path){
   var element=document.createElement('link');
   element.href=path;
   element.rel='stylesheet';
   element.type='text/css';
   document.getElementsByTagName('head')[0].appendChild(element);
 }
//thinks.page.loadJs(path)  加载js文件
thinks.page.loadJs=function(path){
   var element=document.createElement('script');
   element.type='text/javascript';
   element.src=path;
   document.getElementsByTagName('head')[0].appendChild(element);
 }
//thinks.page.getScrollTop() 获取竖直方向的滚动值
thinks.page.getScrollTop=function(){
   var doc=document;
   return window.pageYOffset || doc.documentElement.scrollTop || doc.body.scrollTop;
 }
//thinks.page.getScroll() 获取水平方向的滚动值
thinks.page.getScrollLeft=function(){
   var doc=document;
   return window.pageXOffset || doc.documentElement.scrollLeft || doc.body.scrollLeft;
 }
//thinks.page.getMousePosition 获取鼠标坐标
/*(function(){
 thinks.page.getMousePosition = function(){
 return {
   x : thinks.page.getScrollLeft() + xy.x,
   y : thinks.page.getScrollTop() + xy.y
  };
};
var xy = {x:0, y:0};
// 监听当前网页的 mousemove 事件以获得鼠标的实时坐标
thinks.event.on(document, "onmousemove", function(e){
    e = window.event || e;
    xy.x = e.clientX;
    xy.y = e.clientY;
    });
})();*/
//thinks.page.viewWidth  获取整个body可见区域宽度
thinks.page.viewWidth=function(){
   var doc=document;
   client=doc.compatMode=='backCompat' ? doc.body : doc.documentElement;
   return client.clientWidth;
 }
//thinks.page.viewHeight 获取整个body可见区域高度
thinks.page.viewHeight=function(){
   var doc=document;
   client=doc.compatMode=='backCompat' ? doc.body : doc.documentElement;
   return client.clientHeight;
 }
//运动  待续
thinks.fn.startMove=function(){
  
 }
//=thinks.object.extend(element,source)
thinks.object.extend=function(target,source){
   for(p in source){
      if(source.hasOwnProperty[p]){
      target[p]=source[p];
    }
    }
    return target;
 }
//调用实例

var input=thinks.g('input'); //获取元素

thinks.dom.bg('input','#000'); //进行操作

thinks.dom.css(input,'border','#f00 1px solid');//进行操作