1 | # 基础api
|
2 |
|
3 | ## # isIE
|
4 |
|
5 | * 说明:
|
6 |
|
7 | 判断是否为IE浏览器
|
8 |
|
9 | * 类型:
|
10 |
|
11 | Boolean
|
12 |
|
13 | * 用法:
|
14 |
|
15 | ```
|
16 | u.isIE //IE浏览器返回true,其他返回false
|
17 |
|
18 | ```
|
19 |
|
20 | ## # isFF
|
21 |
|
22 | * 说明:
|
23 |
|
24 | 判断是否为火狐浏览器
|
25 | * 类型:
|
26 |
|
27 | Boolean
|
28 |
|
29 | ## # isOpera
|
30 |
|
31 | * 说明:
|
32 |
|
33 | 判断是否为Opera浏览器
|
34 | * 类型:
|
35 |
|
36 | Boolean
|
37 |
|
38 | ## # isChrome
|
39 |
|
40 | * 说明:
|
41 |
|
42 | 判断是否为Chrome浏览器
|
43 | * 类型:
|
44 |
|
45 | Boolean
|
46 |
|
47 | ## # isSafari
|
48 |
|
49 | * 说明:
|
50 |
|
51 | 判断是否为Safari浏览器
|
52 | * 类型:
|
53 |
|
54 | Boolean
|
55 |
|
56 | ## # isWebkit
|
57 |
|
58 | * 说明:
|
59 |
|
60 | 判断是否为Webkit内核浏览器
|
61 | * 类型:
|
62 |
|
63 | Boolean
|
64 |
|
65 | ## # isIE8_BEFORE
|
66 |
|
67 | * 说明:
|
68 |
|
69 | 判断是否为IE8之前的浏览器
|
70 | * 类型:
|
71 |
|
72 | Boolean
|
73 |
|
74 | ## # isIE8
|
75 |
|
76 | * 说明:
|
77 |
|
78 | 判断是否为IE8浏览器
|
79 | * 类型:
|
80 |
|
81 | Boolean
|
82 |
|
83 | ## # isIE8_CORE
|
84 |
|
85 | * 说明:
|
86 |
|
87 | 判断是否为IE8内核浏览器
|
88 | * 类型:
|
89 |
|
90 | Boolean
|
91 |
|
92 | ## # isIE9
|
93 |
|
94 | * 说明:
|
95 |
|
96 | 判断是否为IE9浏览器
|
97 | * 类型:
|
98 |
|
99 | Boolean
|
100 |
|
101 | ## # isIE9_CORE
|
102 |
|
103 | * 说明:
|
104 |
|
105 | 判断是否为IE9内核浏览器
|
106 | * 类型:
|
107 |
|
108 | Boolean
|
109 |
|
110 | ## # isIE10
|
111 |
|
112 | * 说明:
|
113 |
|
114 | 判断是否为IE10浏览器
|
115 | * 类型:
|
116 |
|
117 | Boolean
|
118 |
|
119 | ## # isIE11
|
120 |
|
121 | * 说明:
|
122 |
|
123 | 判断是否为IE11浏览器
|
124 | * 类型:
|
125 |
|
126 | Boolean
|
127 |
|
128 | ## # isIOS
|
129 |
|
130 | * 说明:
|
131 |
|
132 | 判断是否为IOS系统
|
133 | * 类型:
|
134 |
|
135 | Boolean
|
136 |
|
137 | ## # isIphone
|
138 |
|
139 | * 说明:
|
140 |
|
141 | 判断是否为iphone浏览器
|
142 | * 类型:
|
143 |
|
144 | Boolean
|
145 |
|
146 | ## # isIPAD
|
147 |
|
148 | * 说明:
|
149 |
|
150 | 判断是否为ipad浏览器
|
151 | * 类型:
|
152 |
|
153 | Boolean
|
154 |
|
155 | ## # isWin
|
156 |
|
157 | * 说明:
|
158 |
|
159 | 判断是否为window系统
|
160 | * 类型:
|
161 |
|
162 | Boolean
|
163 |
|
164 | ## # isUnix
|
165 |
|
166 | * 说明:
|
167 |
|
168 | 判断是否为unix系统
|
169 | * 类型:
|
170 |
|
171 | Boolean
|
172 |
|
173 | ## # isLinux
|
174 |
|
175 | * 说明:
|
176 |
|
177 | 判断是否为linux系统
|
178 | * 类型:
|
179 |
|
180 | Boolean
|
181 |
|
182 | ## # isAndroid
|
183 |
|
184 | * 说明:
|
185 |
|
186 | 判断是否为安卓系统
|
187 | * 类型:
|
188 |
|
189 | Boolean
|
190 |
|
191 | ## # isMac
|
192 |
|
193 | * 说明:
|
194 |
|
195 | 判断是否为MAC
|
196 | * 类型:
|
197 |
|
198 | Boolean
|
199 |
|
200 | ## # hasTouch
|
201 |
|
202 | * 说明:
|
203 |
|
204 | 判断是否存在touch事件
|
205 | * 类型:
|
206 |
|
207 | Boolean
|
208 |
|
209 |
|
210 |
|
211 | # 方法
|
212 | ## # extend(object, config)
|
213 | * 说明:
|
214 |
|
215 | 复制对象属性
|
216 |
|
217 | * 参数:
|
218 | * {Object} object:必需。目标对象
|
219 | * {Object} config:必需。源对象
|
220 | * 返回值:
|
221 |
|
222 | {Object}复制之后的object
|
223 | * 用法:
|
224 |
|
225 | var obj1 = {
|
226 | id : 'id',
|
227 | name : 'name'
|
228 | }
|
229 | var obj2 = {
|
230 | code : 'code',
|
231 | name : 'newName'
|
232 | }
|
233 | u.extend(obj1, obj2); //obj1为{id: "id", name: "newName", code: "code"}
|
234 |
|
235 | ## # setCookie(sName, sValue, oExpires, sPath, sDomain, bSecure)
|
236 | * 说明:
|
237 |
|
238 | 设置cookie属性
|
239 |
|
240 | * 参数:
|
241 | * {String} sName:必需。规定 cookie 的名称。
|
242 | * {String} sValue:必需。规定 cookie 的值。
|
243 | * {String} oExpires:可选。规定 cookie 的有效期。
|
244 | * {String} sPath:可选。规定 cookie 的服务器路径。
|
245 | * {String} sDomain:可选。规定 cookie 的域名。
|
246 | * {String} bSecure:可选。规定是否通过安全的 HTTPS 连接来传输 cookie。
|
247 | * 返回值:
|
248 |
|
249 | 无
|
250 | * 用法:
|
251 |
|
252 |
|
253 | u.setCookie('COOKIENAME', 'COOKIVALUE'); //设置cookie的COOKIENAME为COOKIVALUE
|
254 |
|
255 | ## # getCookie(sName)
|
256 | * 说明:
|
257 |
|
258 | 获取cookie属性
|
259 |
|
260 |
|
261 | * 参数:
|
262 | * {String} sName:必需。获取 cookie 的名称。
|
263 | * 返回值:
|
264 |
|
265 | cookie中sName对应的属性
|
266 | * 用法:
|
267 |
|
268 |
|
269 | u.getCookie('COOKIENAME'); //获取cookie的COOKIENAME
|
270 |
|
271 |
|
272 | ## # on(element,eventName,child,listener)
|
273 | * 说明:
|
274 |
|
275 | 为HTML元素绑定事件
|
276 |
|
277 | * 参数:
|
278 | * {HTMLElement} element:必需。需要绑定事件的HTML元素。
|
279 | * {String} eventName:必需。绑定事件的事件名称。
|
280 | * {String} child:可选。选择器,是否为element的子元素进行事件绑定。
|
281 | * {function} listener:必需。触发事件时执行的function。
|
282 | * 返回值:
|
283 |
|
284 | 无
|
285 | * 用法:
|
286 |
|
287 | u.on(window, 'resize', function(){
|
288 | alert('resizeFun')
|
289 | });
|
290 |
|
291 | ## # off(element,eventName,listener)
|
292 | * 说明:
|
293 |
|
294 | 为HTML元素取消事件绑定
|
295 |
|
296 | * 参数:
|
297 | * {HTMLElement} element:必需。取消绑定事件的HTML元素。
|
298 | * {String} eventName:必需。绑定事件的事件名称。
|
299 | * {function} listener:可选。取消绑定的function,如果传入则只取消此function的绑定,对其他function不进行改变。
|
300 | * 返回值:
|
301 |
|
302 | 无
|
303 | * 用法:
|
304 |
|
305 | u.off(window, 'resize');
|
306 |
|
307 |
|
308 | ## # trigger(element,eventName)
|
309 | * 说明:
|
310 |
|
311 | 触发HTML元素的事件绑定
|
312 |
|
313 | * 参数:
|
314 | * {HTMLElement} element:必需。触发绑定事件的HTML元素。
|
315 | * {String} eventName:必需。触发绑定事件的事件名称。
|
316 | * 返回值:
|
317 |
|
318 | 无
|
319 | * 用法:
|
320 |
|
321 | u.trigger(window, 'resize');
|
322 |
|
323 | ## # addClass(element,value)
|
324 | * 说明:
|
325 |
|
326 | 为HTML元素添加样式
|
327 |
|
328 | * 参数:
|
329 | * {HTMLElement} element:必需。需要添加样式的HTML元素。
|
330 | * {String} value:必需。添加的样式名。
|
331 | * 返回值:
|
332 |
|
333 | 无
|
334 | * 用法:
|
335 |
|
336 | u.addClass(document.getElementById('id1'), 'add-class');
|
337 |
|
338 | ## # removeClass(element,value)
|
339 | * 说明:
|
340 |
|
341 | 为HTML元素删除样式
|
342 |
|
343 | * 参数:
|
344 | * {HTMLElement} element:必需。需要删除样式的HTML元素。
|
345 | * {String} value:必需。删除的样式名。
|
346 | * 返回值:
|
347 |
|
348 | 无
|
349 | * 用法:
|
350 |
|
351 | u.removeClass(document.getElementById('id1'), 'add-class');
|
352 |
|
353 | ## # hasClass(element,value)
|
354 | * 说明:
|
355 |
|
356 | 判断HTML元素是否存在某样式
|
357 |
|
358 | * 参数:
|
359 | * {HTMLElement} element:必需。进行判断的HTML元素。
|
360 | * {String} value:必需。进行判断的样式名。
|
361 | * 返回值:
|
362 |
|
363 | {Boolean}存在样式则返回true,不存在样式则返回false
|
364 | * 用法:
|
365 |
|
366 | u.hasClass(document.getElementById('id1'), 'add-class');
|
367 |
|
368 | ## # toggleClass(element,value)
|
369 | * 说明:
|
370 |
|
371 | 判断HTML元素是否存在某样式,存在则删除此样式,否则添加此样式
|
372 |
|
373 | * 参数:
|
374 | * {HTMLElement} element:必需。进行判断的HTML元素。
|
375 | * {String} value:必需。进行判断的样式名。
|
376 | * 返回值:
|
377 |
|
378 | {Boolean}执行完方法之后,如果存在样式则返回true,不存在样式则返回false
|
379 | * 用法:
|
380 |
|
381 | u.toggleClass(document.getElementById('id1'), 'add-class');
|
382 |
|
383 | ## # css(element,csstext,val)
|
384 | * 说明:
|
385 |
|
386 | 为HTML元素添加css样式属性。传入2个参数且第二个参数为字符串时获取HTML元素的css样式属性。
|
387 |
|
388 | * 参数:
|
389 | * {HTMLElement} element:必需。进行判断的HTML元素。
|
390 | * {String}/{Object} csstext:必需。传入值为String时表示要添加的css属性名称,传入值为Object时表示要添加的css属性名称及属性值组成的Object对象。
|
391 | * {String} value:csstext为String时必需。需要添加的css属性值。
|
392 | * 返回值:
|
393 |
|
394 | 设置css样式属性时返回值为空。
|
395 |
|
396 | 获取css样式属性时返回值为对应的css样式属性值。
|
397 | * 用法:
|
398 |
|
399 | u.css(document.getElementById('id1'), 'width','200px'); //设置宽度为200px
|
400 | u.css(document.getElementById('id1'), {width:'500px'}); // 设置宽度为500px
|
401 | u.css(document.getElementById('id1'), 'width'); // 获取宽度
|
402 |
|
403 | ## # wrap(element,parent)
|
404 | * 说明:
|
405 |
|
406 | 将HTML元素添加到某HTML元素中。
|
407 |
|
408 | * 参数:
|
409 | * {HTMLElement} element:必需。被添加的HTML元素。
|
410 | * {String}/{HTMLElement} parent:必需。作为父项的HTML元素。
|
411 | * 返回值:
|
412 |
|
413 | 无
|
414 | * 用法:
|
415 |
|
416 | u.wrap(document.getElementById('id1'), '<div></div>');
|
417 | u.wrap(document.getElementById('id1'), document.getElementById('id2'));
|
418 |
|
419 |
|
420 | ## # getStyle(element,key)
|
421 | * 说明:
|
422 |
|
423 | 获取HTML元素的style属性。
|
424 |
|
425 | * 参数:
|
426 | * {HTMLElement} element:必需。HTML元素。
|
427 | * {String} key:必需。需要获取的style属性名称。
|
428 | * 返回值:
|
429 |
|
430 | HTML元素的style属性值
|
431 | * 用法:
|
432 |
|
433 | u.getStyle(document.getElementById('id1'), 'width');
|
434 |
|
435 | ## # getZIndex()
|
436 | * 说明:
|
437 |
|
438 | 统一zindex值, 不同控件每次显示时都取最大的zindex,防止显示错乱
|
439 |
|
440 | * 参数:
|
441 |
|
442 | 无
|
443 |
|
444 | * 返回值:
|
445 |
|
446 | 新的zindex最大值
|
447 | * 用法:
|
448 |
|
449 | u.getZIndex();
|
450 |
|
451 |
|
452 | ## # makeDOM(htmlString)
|
453 | * 说明:
|
454 |
|
455 | 创建HTML元素
|
456 |
|
457 | * 参数:
|
458 |
|
459 | * {String} htmlString:必需。需要创建的HTML元素对应的html字符串。
|
460 |
|
461 | * 返回值:
|
462 |
|
463 | 创建之后的HTML元素
|
464 | * 用法:
|
465 |
|
466 | u.makeDOM('<div></div>');
|
467 |
|
468 | ## # stopEvent(e)
|
469 | * 说明:
|
470 |
|
471 | 阻止事件传播,兼容不同浏览器
|
472 |
|
473 | * 参数:
|
474 |
|
475 | * {Event} e:必需。需要阻止传播的事件。
|
476 |
|
477 | * 返回值:
|
478 |
|
479 | 无
|
480 | * 用法:
|
481 |
|
482 | u.stopEvent(e);
|
483 |
|
484 |
|
485 | ## # getFunction(target, val)
|
486 | * 说明:
|
487 |
|
488 | 获取function
|
489 |
|
490 | * 参数:
|
491 |
|
492 | * {Object} target:必需。function定义的上下文。
|
493 | * {String} value:必需。function名称。
|
494 | * 返回值:
|
495 |
|
496 | {function}获取到的function
|
497 | * 用法:
|
498 |
|
499 | u.getFunction(window,'funName1');
|
500 |
|
501 |
|
502 | ## # getJSObject(target, names)
|
503 | * 说明:
|
504 |
|
505 | 获取Object对象
|
506 |
|
507 | * 参数:
|
508 |
|
509 | * {Object} target:必需。Object定义的上下文。
|
510 | * {String} names:必需。Objcet名称。
|
511 | * 返回值:
|
512 |
|
513 | {Object}获取到的Object
|
514 | * 用法:
|
515 |
|
516 | u.getJSObject(window,'funName1'); //获取window对象上的funName1对象
|
517 |
|
518 | ## # isDate(obj)
|
519 | * 说明:
|
520 |
|
521 | 判断传入对象是否为Date对象
|
522 |
|
523 | * 参数:
|
524 |
|
525 | * {Object} obj:必需。需要进行判断的对象。
|
526 | * 返回值:
|
527 |
|
528 | {Boolean}传入对象为Date对象返回true否则返回false
|
529 | * 用法:
|
530 |
|
531 | u.isDate(new Date());
|
532 |
|
533 | ## # isNumber(obj)
|
534 | * 说明:
|
535 |
|
536 | 判断传入对象是否为Number对象
|
537 |
|
538 | * 参数:
|
539 |
|
540 | * {Object} obj:必需。需要进行判断的对象。
|
541 | * 返回值:
|
542 |
|
543 | {Boolean}传入对象为Number对象返回true否则返回false
|
544 | * 用法:
|
545 |
|
546 | u.isNumber('123');
|
547 |
|
548 | ## # isArray(obj)
|
549 | * 说明:
|
550 |
|
551 | 判断传入对象是否为数组对象
|
552 |
|
553 | * 参数:
|
554 |
|
555 | * {Object} obj:必需。需要进行判断的对象。
|
556 | * 返回值:
|
557 |
|
558 | {Boolean}传入对象为数组对象返回true否则返回false
|
559 | * 用法:
|
560 |
|
561 | u.isArray(['1','2']);
|
562 |
|
563 |
|
564 | ## # isEmptyObject(obj)
|
565 | * 说明:
|
566 |
|
567 | 判断传入对象是否为空对象
|
568 |
|
569 | * 参数:
|
570 |
|
571 | * {Object} obj:必需。需要进行判断的对象。
|
572 | * 返回值:
|
573 |
|
574 | {Boolean}传入对象为空对象返回true否则返回false
|
575 | * 用法:
|
576 |
|
577 | u.isEmptyObject({id:'id'});
|
578 |
|
579 |
|
580 | ## # inArray(node,arr)
|
581 | * 说明:
|
582 |
|
583 | 判断元素是否在数组中
|
584 |
|
585 | * 参数:
|
586 |
|
587 | * {Object} node:必需。需要进行判断的元素。
|
588 | * {Array} arr:必需。需要进行判断的数组。
|
589 | * 返回值:
|
590 |
|
591 | {Boolean}如果数组中存在元素则返回true,否则返回false。
|
592 | * 用法:
|
593 |
|
594 | u.inArray('a1',['a2','a3']);
|
595 |
|
596 | ## # each(obj,callback)
|
597 | * 说明:
|
598 |
|
599 | 遍历传入的obj执行callback方法
|
600 |
|
601 | * 参数:
|
602 |
|
603 | * {Object}/{Array} obj:必需。需要进行遍历的对象或数组。
|
604 | * {function} callback:必需。需要执行的function。
|
605 | * 返回值:
|
606 |
|
607 | 无
|
608 | * 用法:
|
609 |
|
610 | var tmpdata = [];
|
611 | u.each(target_div.querySelectorAll(".m_context"),function(i,node){
|
612 | tmpdata[i] = node.innerHTML
|
613 | })
|
614 | //遍历将class为m_context的HTML的内容翻入数组tmpdata中。 |
\ | No newline at end of file |