脚本下载地址:
仅适用于原生脚本开发,同jquery会有冲突,主要存在于$选择器上。
常用变量 | ||
doc | =document | |
doe | =doc.documentElement | |
slice | =Array.prototype.slice | |
Ie | 是否为IE浏览器 | |
Ie6 | 是否为IE6浏览器 | |
webkit | 是否为webkit浏览器 | |
常用方法 | ||
Class.create(arguments) | 创建一个类,入口为init,可传参数 | arguments选填,可作为初始化参数 |
domReady(fun) | 页面DomReady后执行方法 | *fun=方法;可添加多个方法在DomReady时一并执行 |
loadIn(arguments) | 异步加载JS | loadIn('a','b,c',fun,"utf-8");在a加载完成后,再同时加载b和c,b,c加载完成执行fun,以utf-8方式加载loadIn('a','b','c',fun);在a加载完成后,加载b,b完成后,再加载c,c加载完成则执行fun,以默认页面编码方式加载 |
domMove(o,m,t,f,s) | 节点动画 | *o=DOM;*m=移动目标;t=移动时间(ms);f=回调方法;s=写值方式domMove(dom,{width:100,height:100},1000,fun,true);将dom宽高以style写值方式1秒内变换为100px,完成后回调fundomMove(dom,{left:100});将dom的left以cssText写值方式0.5秒内变换为100,不回调 |
getRequest(v) | 获取url参数 | *v=键;return=值; |
getRandom(v) | 获取随即值 | *v=最大值范围; |
DOM节点 | ||
$(id,t,c) | 节点选择器 | *id=节点名称;t=列表名称;c=true是否只选取子节点下的列表;return=DOM或DomList |
getAtt(o,v) | 获取DOM属性 | *o=节点;*v=属性名称;return=字符串; |
addImg(u,id) | 添加图片DOM | *u=图片地址;id=图片ID;return=图片DOM; |
addDom(t,id,v) | 添加DOM | *t=标签名称;id=DomId;v= DOM内容;return=DOM; |
delDom(o) | 删除DOM | *o=Dom; |
addCss(o,v) | 添加样式 | *o=Dom;*v=样式名; |
delCss(o,v) | 删除样式 | *o=Dom;*v=样式名; |
getStyle(o,p) | 获得样式 | *o=Dom;*p=css属性名(驼峰写法);return=样式值;不支持padding,margin,border |
事件 | ||
addEvent(o,s,f) | 添加事件 | *o=DOM;*s=触发方式;*f=调用方法;return=o; |
delEvent(o,s,f) | 删除事件 | *o=DOM;*s=触发方式;*f=调用方法;return=o; |
stopEvent(e) | 停止事件传播 | *e=事件; |
domEvent(e) | 获取事件源DOM | *e=事件;return=DOM; |
定位及坐标 | ||
mouseX(e) | 鼠标X坐标 | *e=事件;return=数字; |
mouseY(e) | 鼠标Y坐标 | *e=事件;return=数字; |
domX(o,p) | 节点X坐标 | *o=DOM;p=DOM;return=数字;相对于整个页面或P节点的x值 |
domY(o,p) | 节点Y坐标 | *o=DOM;p=DOM;return=数字;相对于整个页面或P节点的y值 |
lockX(x,w) | 保证X坐标在屏幕内 | *x=左像素;*w=节点宽;return=修正后x数字 |
lockY(y,h) | 保证Y坐标在屏幕内 | *y=上像素;*h=节点高;return=修正后y数字 |
Cookie | ||
addCookie(n,v,t) | 添加cookie | *n=键;*v=值;t=保存时间(小时); |
delCookie(n) | 删除cookie | *n=键; |
getCookie(n) | 获得cookie | *n=键;return=值; |
Function扩展 | ||
bind(o,arguments) | o绑定为fun的this | *o=节点或实例;arguments=其它参数;return=新方法1:function f1(){return this;};var f2=f1.bind('o');var n=f2(); //n值为'o'2:function f1(a,b){return this+a+b;};var f2=f1.bind('o','a','b');var n=f2(); //n值为'oab'3:function f1(a,b){return this+a+b;};var f2=f1.bind('o','a');var n=f2('b'); //n值为'oab' |
bindEvent(o,arguments) | o绑定为fun的this,Event为首参数 | *o=节点或实例;arguments=其它参数;return=新方法1:function f1(e){alert(this);};f2=f1.bindEvent('a');addEvent(Dom,'click',f2);//点击弹出'a'且e可用2:function f1(e,a,b){alert(a+b);};f2=f1.bindEvent(null,'a','b');addEvent(Dom,"click",f2);//点击弹出'ab'且e可用 |
delay(t,arguments) | 方法延迟t毫秒后执行 | *t=数字毫秒;arguments=其它参数;return=新方法1:function f1(){alert('a');};f1.delay(1000); //1秒后弹出字符'a'2:function f1(a,b){alert(a+b);};f1.delay(1000,'a','b'); //1秒后弹出字符'ab' |
String扩展 | ||
trim() | 清除字符串两边空格 | return=新字符串; |
htmlLower() | html标签自身转为小写 | return=新字符串; |
firstUp() | 首字符大写 | return=新字符串; |
camelCase() | 连接字符转为驼峰字符 | return=新字符串;border-left转为borderLeft |
hyphenate() | 驼峰字符转为连接字符 | return=新字符串;borderLeft转为border-left |
toRgb() | 将颜色值转为10进制三色数组 | return=新数组;#fff转为[255,255,255] |
Array扩展 | ||
clone() | 获得数组副本 | return=新数组; |
add(i,v) | 在数组i位置插入v值 | *i=数组位置;*v=要插入的新值;return=新数组; |
del(i) | 将第i条数据删除 | *i=数组位置;return=新数组; |
toString() | 将数组拼接为字符串 | return=新字符串; |
toHex() | 将色值数组转换为网页用色 | return=字符串;[255,255,255]转为#ff6600 |