util.js----常用js功能打包

<table class="javascript"><tr class="li1">
<td class="ln"><pre class="de1">1
2
3
4
56
7
8
9
1011
12
13
14
1516
17
18
19
2021
22
23
24
2526
27
28
29
3031
32
33
34
3536
37
38
39
4041
42
43
44
4546
47
48
49
5051
52
53
54
5556
57
58
59
6061
62
63
64
6566
67
68
69
7071
72
73
74
7576
77
78
79
8081
82
83
84
8586
87
88
89
9091
92
93
94
9596
97
98
99
100101
102
103
104
105106
107
108
109
110111
112
113
114
115116
117
118
119
120121
122
123
124
125126
127
128
129
130131
132
133
134
135136
137
138
139
140141
142
143
144
145146
147
148
149
150151
152
153
154
155156
157
158
159
160161
162
163
164
165166
167
168
169
170171
172
173
174
175176
177
178
179
180181
182
183
184
185186
187
188
189
190191
192
193
194
195196
197
198
199
200201
202
203
204
205206
207
208
209
210211
212
213
214
215216
217
218
219
220221
222
223
224
225226
227
228
229
230231
232
233
234
235236
237
238
239
240241
242
243
244
245246
247
248
249
250251
252
253
254
255256
257
258
259
260261
262
263
264
265266
267
268
269
270271
272
273
274
275276
277
278
279
280281
282
283
284
285286
287
288
289
290291
292
293
294
295296
297
298
299
300301
302
303
304
305306
307
308
309
310311
312
313
314
315316
317
318
319
320321
322
323
324
325326
327
328
329
330331
332
333
@H_301_133@</td>
<td class="de1"><pre class="de1">function isArray(arr){
return Object.prototype.toString.call(arr)==='[object Array]';
}

function isFunction(fn){ return Object.prototype.toString.call(fn)==='[object Function]';
}

function getType(src){ return Object.prototype.toString.call(src).slice(8,-1);
}

function cloneObject(src){
 if(src===null)return null; if(src===undefined)return undefined;
var key,
result,
srcClass = getType(src);
 if(srcClass==='Object'){ result={};
}else if(srcClass==='Array'){
result=[];
}else if(srcClass==='Date'){
 return new Date(+src); }else if(srcClass==='number'||srcClass==='String'||srcClass==='Boolean'){
return src;
}
for(key in src){
 var attr=src[key]; if(getType(attr)==='object'){
result[key]=arguments.callee(attr);
}else if(getType(attr)==='Array'){
result[key].arguments.callee(attr);
 }else{ result[key]=src[key];
}
}
return result;
}

/数组去重/
function uniqArray(arr){
 var result=[], judObj={};
for(var i=0,len=arr.length;i<len;i++){
var item=arr[i];

 if(!judObj[item]){ result.push(item);
judObj[item]=true;
}

 } return result;
}

// 对字符串头尾进行空格字符的去除、包括全角半角空格、Tab等，返回一个字符串
function trim(str){ if(str===null) return null;
if(str===undefined) return undefined;

return str.replace(/(^[\s\uFEFF\xA0]+)|([\s\uFEFF\xA0]+$)/g,"");
}
// 实现一个遍历数组的方法，针对数组中每一个元素执行fn函数
function each(arr,fn){
for(var i=0,len=arr.length;i<len;i++){
 fn.call(arr,i,arr[i]); }
}

function isEmail(emailStr){
 var mailReg=/^([\w\d])+\@([\w\d])+(.([\w\d]{2,4}))+$/; return mailReg.test(emailStr);
}

function isMobilePhone(phone) {
 var phoneReg = /^(\d{3,5}-)?(\d{8,11})(-\d{3,5})?$/; return phoneReg.test(phone);
}

//检测dom是否具有名字为className的class
function hasClass(element,className){ if(!className|| !element|| !element.className) return false;
classNames=element.className.split(/\s+/);
for(var i=0,len=classNames.length;i<ien;i++){
if(classNames[i]===className){
 return true; }
}
return false;
}
// 为dom增加一个样式名为newClassName的新样式function addClass(element,newClassName){
if(!newClassName||!element)return;
if(!element.className){
element.className=newClassName;
 }else if(！hasClass(element,newClassName)){ element.className=[element.className,newClassName].join(" ");
}

}
// 移除dom中的样式oldClassNamefunction removeClass(element,oldClassName){
if(!oldClassName||!element||!element.className)return;
if(oldClassName==="*")return element.className='';
var classNames=element.className.split(/\s+/);
 for(var i=0,len=classNames.length;i<len;i++){ if(classNames[i]===oldClassName){
classNames.splice(i,1);
}
}
 element.className=classNames.join(' ');}

// toggleClass
function toggleClass(element,className){
 if(hasClass(element,className))removeClass(element,className); else addClass(element,className);
}
// 判断siblingNode和dom是否为同一个父元素下的同一级的元素，返回bool值
function isSiblingNode(element,siblingNode){
 if(!siblingNode||!element)return false; return element.parentNode===siblingNode.parentNode;
}

// 获取dom相对于浏览器窗口的位置，返回一个对象
function getPosition(element){ if(!element) return undefined;
var Box =element.getBoundingClientRect();
return Box;
}
 // 给一个dom绑定一个针对event事件的响应，响应函数为listener
function addEvent(element,event,listener){
if(!listener||!event||!element)return;
element[event+'Events']=element[event+'Events']||[]; [[{raw:listener,wrap:_listener}],[],[]]
 var _listenner=undefined; if(element.addEventListener){
_listenner=listener;
element[event+'Events'].push({
raw:listener,
 wrap:_listenner });
element.addEventListener(event,_listenner,false);
}else if(element.attachEvent){
_listenner=function(){
 listener.call(element); }
element[event+'Events'].push({
raw:listener,
wrap:_listenner
 }); element.attachEvent('on'+event,_listenner);
}

}
// 移除dom对象对于event事件发生时执行listener的响应，当listener为空时，移除所有响应函数function removeEvent(element,listener){ [[{raw:listener,[]]
if(!event||!element)return;
if(event.removeEventListener){
if(!listener){
 for(var i=0;i<element[event+'Events'].length;i++){ element.removeEventListener(event,element[event+'Events'][i].wrap,false);
}
return;
}
 if(!element[event+'Events']){ element.removeEventListener(event,listener,false);
}else{
element.removeEventListener(event,findWrapEvent(element,listener),false);
}
 }else if(element.detachEvent){ if(!listener){
for(var i=0;i<element[event+'Events'].length;i++){
element.detachEvent("on"+event,element[event+'Events'][i].wrap);
}
 return; }
if(!element[event+'Events']){
element.detachEvent('on'+event,listener);
}else{
 element.detachEvent('on'+event,listener)); }

}
}
 //事件委托
function delegateEvent(element,tag,listener){
if(!listener || !event || !tag || !element) return;
var _listenner=function(event){
 event=event||window.event; var target=event.target||event.srcElement;
if(target.tagName===tag.toUpperCase()||target==='*'){
listener.call(target,event);
}
 } addEvent(element,_listener);
}
// 实现对click事件的绑定
function addClickEvent(element,listener){
 if(!listener||!element)return; addEvent(element,'click',listener);
}
// 实现对于按Enter键时的事件绑定
function addEnterEvent(element,listener){
 if(!listener||!element)return; var _listener=function(event){
event=event||window.event;
var keyCode=event.which||event.keyCode; //监听键盘
if(keyCode==13){ //如果按下的是enter
 listener.call(element,event); }
}
addEvent(element,'keyup',_listener);
}
 $.on=function(selector,listener){
return addEvent($(selector),listener);
}
$.click = function(selector, listener) {
 return addClickEvent($(selector),listener);}
$.un = function(selector, event, listener) {
return removeEvent($(selector),listener);
}
$.delegate = function(selector, tag, listener) { return delegateEvent($(selector),listener);
}

function ajax(url,options){ var getXMLrequest=(function(){
if(typeof XMLHttpRequest!=undefined){
return function(){
return new XMLHttpRequest();
 } }
else{
return function(){
var xmlhttp=null;
 var versions= ["MSXML2.XMLHttp2.0","MSXML2.XMLHttp3.0","MSXML2.XMLHttp4.0","MSXML2.XMLHttp5.0" ,"MSXML2.XMLHttp6.0","MSXML2.XMLHttp","Miscrosoft.XMLHTTP"];
for(var i=0;i<versions.length;i++){
try{
xmlhttp=new ActiveXObject(versions[i]);
 return xmlhttp; }catch(ex){
continue;
}
}
 return null; }
}
})();

 var xhr=getXMLrequest(); options=options||{};
var type=options.type||'GET';
var data=options.data||{};

 xhr.onreadystatechange=function(){ if(xhr.readyState==4&&xhr.status==200){
if(options.onsuccess){
options.onsuccess(xhr.responseText,xhr);
}
 }else if(xhr.readyState==4&&xhr.status==404){ if(options.onfail){
options.onfail(xhr.responseText,xhr);
}
}
 }
if(type.toUpperCase()=='GET'){
var str='?';
for(var i in options.data){
 var obj=options.data[i]; str+=i+'=';
if(getType(obj)==='Object'){
str+=getAttr(obj)+'&';
}else{
 str+=obj+'&'; }
}
str=str.substring(0,str.length-1);
xhr.open('GET',url+str,true);
 xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest'); xhr.send(null);
}

else{
 var str=''; for(var i in options.data){
var obj=options.data[i];
str+=i+'=';
if(getType(obj)==='Object'){
 str+=getAttr(obj) + '&'; }else{
str+=obj+'&';
}
}
 str = str.substring(0,str.length-1); xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded; charset=UTF-8');
xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
xhr.open("POST",url,true);
xhr.send(str);
 }

function getAttr(obj){
var str='{',
 type=getType(obj); if(type!=='Object'){
return obj;
}
for(var i in obj){
 str+=i+':'; if(getType(obj[i])==='Object'){
str+='{';
str+=arguments.callee(obj[i]);
str+='},';
 }else{ str+=obj[i]+',';
}
}
str=str.substring(0,str.length-1)+'}';
 return str; }

}@H_301_133@</td>
</tr></table>

util.js----常用js功能打包

猜你在找的程序笔记相关文章