自已脚本开发常用的底层方法
生活随笔
收集整理的這篇文章主要介紹了
自已脚本开发常用的底层方法
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
腳本下載地址:/Files/cocoxye/winBasics.rar
僅適用于原生腳本開發(fā),同jquery會有沖突,主要存在于$選擇器上。
常用變量 | ||
| doc | =document | ? |
| doe | =doc.documentElement | ? |
| slice | =Array.prototype.slice | ? |
| Ie | 是否為IE瀏覽器 | ? |
| Ie6 | 是否為IE6瀏覽器 | ? |
| webkit | 是否為webkit瀏覽器 | ? |
常用方法 | ||
| Class.create(arguments) | 創(chuàng)建一個類,入口為init,可傳參數 | arguments選填,可作為初始化參數 |
| domReady(fun) | 頁面DomReady后執(zhí)行方法 | *fun=方法;可添加多個方法在DomReady時一并執(zhí)行 |
| loadIn(arguments) | 異步加載JS | loadIn('a','b,c',fun,"utf-8");在a加載完成后,再同時加載b和c,b,c加載完成執(zhí)行fun,以utf-8方式加載 loadIn('a','b','c',fun);在a加載完成后,加載b,b完成后,再加載c,c加載完成則執(zhí)行fun,以默認頁面編碼方式加載 |
| domMove(o,m,t,f,s) | 節(jié)點動畫 | *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節(jié)點 | ||
| $(id,t,c) | 節(jié)點選擇器 | *id=節(jié)點名稱;t=列表名稱;c=true是否只選取子節(jié)點下的列表;return=DOM或DomList |
| getAtt(o,v) | 獲取DOM屬性 | *o=節(jié)點;*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ā)方式;*f=調用方法;return=o; |
| delEvent(o,s,f) | 刪除事件 | *o=DOM;*s=觸發(fā)方式;*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) | 節(jié)點X坐標 | *o=DOM;p=DOM;return=數字;相對于整個頁面或P節(jié)點的x值 |
| domY(o,p) | 節(jié)點Y坐標 | *o=DOM;p=DOM;return=數字;相對于整個頁面或P節(jié)點的y值 |
| lockX(x,w) | 保證X坐標在屏幕內 | *x=左像素;*w=節(jié)點寬;return=修正后x數字 |
| lockY(y,h) | 保證Y坐標在屏幕內 | *y=上像素;*h=節(jié)點高;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=節(jié)點或實例;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=節(jié)點或實例;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毫秒后執(zhí)行 | *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
總結
以上是生活随笔為你收集整理的自已脚本开发常用的底层方法的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 梦到自己家买了新房子是什么意思
- 下一篇: 梦到小黑蛇是什么预兆