forked from yanyajie/JavaScript201603
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathutils.js
More file actions
123 lines (120 loc) · 4.49 KB
/
utils.js
File metadata and controls
123 lines (120 loc) · 4.49 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
/**
* Created by lucky on 2016/4/19.
*/
var utils = {
listToArray: function (similarArray) {
/*
* try catch js
* */
var a = [];
try {
a = Array.prototype.slice.call(similarArray);
} catch (e) {
alert(); //ie7 和 8 弹出
var a = [];
for (var i = 0; i < similarArray.length; i++) {
a[a.length] = similarArray[i];
}
}
return a;
},
jsonParse: function (jsonStr) {
return 'JSON' in window ? JSON.parse(jsonStr) : eval("(" + jsonStr + ")");
},
offset: function (ele) {
var eleLeft = ele.offsetLeft;
var eleTop = ele.offsetTop;
var eleParent = ele.offsetParent;
var left = null;
var top = null;
left += eleLeft;
top += eleTop;
while (eleParent) {
//console.log(eleParent);
/*
* ps: ie8中会有一个问题如果在ie8中就不加父级的边框了。因为已经加过了。
* 判断我的当前浏览器是不是ie8 1 可以用正则 test MSIE 8.0 2 字符串
* 中的indexOf MSIE 8.0 判断 -1. window.navigator.userAgent
* */
if (window.navigator.userAgent.indexOf('MSIE 8.0') !== -1) { //ie8
left += eleParent.offsetLeft;
top += eleParent.offsetTop;
} else {
left += eleParent.clientLeft + eleParent.offsetLeft;
top += eleParent.clientTop + eleParent.offsetTop;
}
eleParent = eleParent.offsetParent;
}
return {left: left, top: top};
},
getWin: function (attr, val) { //一个参数的时候是读取，两个参数可以赋值
if (val !== undefined) {
document.documentElement[attr] = val;
document.body[attr] = val;
}
return document.documentElement[attr] || document.body[attr];
},
getCss: function (curEle, attr) {
//处理带单位的问题
var reg = /^-?\d+(\.\d+)?(?:px|em|pt|deg|rem)?$/;
var val = null;
if (/MSIE (?:6|7|8)/.test(window.navigator.userAgent)) {
//这里处理filter的滤镜问题 alpha(opacity=40);
if (attr === 'opacity') {
//alpha(opacity=40)
val = curEle.currentStyle['filter'];
var reg1 = /^alpha\(opacity=(\d+(\.\d+)?)\)/;
return reg1.test(val) ? RegExp.$1 / 100 : 1;
}
val = curEle.currentStyle[attr];
} else {
val = window.getComputedStyle(curEle, null)[attr];
}
return reg.test(val) ? parseFloat(val) : val; //如果正则验证通过，寿命返回值是带单位的，那么我们就要人为去掉这个单位。否则不变
},
//要想给元素设置值，只能设置行内样式的值。通过元素.style设置
setCss: function (ele, attr, value) {
if (attr == 'opacity') { //处理透明度
// window.navigator.userAgent.indexOf('MSIE') >= 0
if (/MSIE (?:6|7|8)/.test(window.navigator.userAgent)) {
ele.style['filter'] = 'alpha(opacity=' + value * 100 + ')';
} else {
ele.style.opacity = value;
}
return;
}
//float的问题也需要处理 cssFloat styleFloat
if (attr === 'float') {
ele.style['cssFloat'] = value;
ele.style['styleFloat'] = value;
return;
}
var reg = /^(width|height|left|top|right|bottom|(margin|padding)(Top|Bottom|Left|Right)?)$/;
//判断你传进来这个value是否带单位，如果带单位了我就不加了
// 5px
if (reg.test(attr)) { //验证通过就证明是width等值
if (!isNaN(value)) { //不带单位的我就加
value += 'px';
}
}
ele.style[attr] = value;
},
setGroupCss: function (ele, obj) { //批量设置样式属性
//首先保证obj是一个对象
/*
if(!Object.prototype.toString.call(obj) == '[object Object]'){
return;
}
*/
//我嫌弃这个有点长
obj = obj || '0'; //如果没传要做处理保证我们的程序不报错误
if (obj.toString() != '[object Object]') {
return;
}
for (var key in obj) {
if (obj.hasOwnProperty(key)) {
this.setCss(ele, key, obj[key]);
}
}
}
}