脚本下载地址:/Files/cocoxye/winBasics.rar
仅适用于原生脚本开发,同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,完成后回调fun domMove(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 |
萌狗网 萌狗移动