博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
自已脚本开发常用的底层方法
阅读量:6252 次
发布时间:2019-06-22

本文共 3054 字,大约阅读时间需要 10 分钟。

脚本下载地址:

仅适用于原生脚本开发,同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

 

 

转载于:https://www.cnblogs.com/cocoxye/archive/2012/08/07/2626260.html

你可能感兴趣的文章
《数据结构与算法》-1-绪论
查看>>
SpringMvc文件上传
查看>>
shell之列表的定义与循环
查看>>
关于卡尔曼滤波
查看>>
修改servlet无需重启tomcat
查看>>
关于lvs+keepalived只加入一台realserver问题
查看>>
字母重排(qsort)
查看>>
Centes7 使用 xshell 登陆
查看>>
TestNG源代码分析:依赖管理的实现
查看>>
VMWare 安装时报错 tools-windows.msi failed报错解决办法
查看>>
java一些面试题
查看>>
如何使用dll和lib
查看>>
js中的ajax
查看>>
求数组的一个最大子数组
查看>>
干货型up主
查看>>
文件与二进制流互转
查看>>
获取页面中所有dropdownlist类型控件
查看>>
【转自ITPUB】SYNONYM关于underlying table权限的小小发现
查看>>
C语言函数参数传递之痛
查看>>
halcon图像合并(贴图到指定位置)
查看>>