常用JS函数封装

1. //获取元素属性
2. function getStyle(obj,attr)
3.         {
4.                 return obj.currentStyle ?  obj.currentStyle[attr] : getComputedStyle(obj,0)[attr];
5.         }
7. //运动函数
8. function doMove(obj,attr,speed,target,endFn)
9.         {
10.                 
11.                 clearInterval(obj.timer);
12.                 speed = parseInt(getStyle(obj,attr))<target ? speed:-speed;
13.                 //alert(speed);
14.                 obj.timer=setInterval(function(){
15.                         var curPosition=parseInt(getStyle(obj,attr))+speed;
16.                         if(curPosition>target && speed>0 || curPosition<target && speed<0)
17.                                 curPosition=target;
18.                         obj.style[attr]=curPosition + 'px';
19.                         if(curPosition==target)
20.                         {
21.                                 clearInterval(obj.timer);
22.                                 endFn && endFn();
23.                         }        
24.                 },50);        
25.         }
27. //getElementByClassName函数
28. function getElementByClassName(parent,tagName,className)
29. {
30.         var aEls=parent.getElementsByTagName(tagName);
31.         var arr=[];
32.         for(var i=0;i<aEls.length;i++)
33.         {
34.                 var arrClassName=aEls[i].className.split(' ');
35.                 var _index=arrIndexOf(arrClassName,className);
36.                 if(_index != -1){
37.                         arr.push(aEls[i]);
38.                 }
39.         }
40.         return arr;
41. }
44. //removeClass函数
45. function removeClass(obj,className)
46. {
47.         //如果原来有class
48.         if(obj.className!=''){
49.                 var arrClassName=obj.className.split(' ');
50.                 var _index=arrIndexOf(arrClassName,className);
51.                 if(_index != -1){
52.                         arrClassName.splice(_index,1);  //删除需要删除的calss
53.                         obj.className=arrClassName.join(' '); //然后将arrClassName数组拼接起来
54.                 }
55.         }
56. }
58. //绑定事件函数
59. function bind(obj,evname,fn){
60.     if(obj.addEventListener){
61.     obj.addEventListener(evname,fn,false);
62. }else{
63.     obj.attachEvent('on'+evname,function(){
64.     fn.call(obj); 
65.    //fn()==fn.call()  call(第一个参数,第二个参数) call函数可以改变函数this的指向,call函数传入的第一个参数就是改变this指向的值,call的第二第三个参数就是原函数的参数
66. });
67. }
68. }
70. //鼠标在可视区域内的拖拽
71. function clientDrag(obj){
72.         obj.onmousedown=function(ev){
73.         ev=ev || event;
74.         var ms_b=ev.clientX-obj.offsetLeft;
75.         var ms_t=ev.clientY-obj.offsetTop;
76.         document.onmousemove=function(ev){
77.                 ev=ev || event;
78.                 var currX=ev.clientX-ms_b;
79.                 var currY=ev.clientY-ms_t;
80.                 var Width=document.body.clientWidth || document.documentElement.cilentWidth;
81.                 var Height=document.body.clientHeight || document.documentElement.cilentHeight;
82.                 if(currX<0) {currX=0;}
83.                 else if(currX>Width-obj.clientWidth){
84.                         currX=Width-obj.clientWidth;
85.                 }
86.                 if(currY<0) {currY=0;}
87.                 else if(currY>Height-obj.clientHeight){
88.                         currY=Height-obj.clientHeight;
89.                 }
90.                 obj.style.left=currX +'px';
91.                 obj.style.top=currY +'px';
92.                 return false;
93.         }
94.         document.onmouseup=function(){
95.                 document.onmousemove=document.onmouseup=null;
96.         }
97. }
98. }