1.javascript的数组API
01 |
//定义数组 |
02 |
var pageIds = new Array();
|
03 |
pageIds.push(´A´);
|
04 |
05 |
数组长度
|
06 |
pageIds.length;
|
07 |
08 |
//shift：删除原数组第一项，并返回删除元素的值；如果数组为空则返回undefined |
09 |
var a = [1,2,3,4,5];
|
10 |
var b = a.shift(); //a：[2,3,4,5] b：1
|
11 |
12 |
//unshift：将参数添加到原数组开头，并返回数组的长度 |
13 |
var a = [1,2,3,4,5];
|
14 |
var b = a.unshift(-2,-1); //a：[-2,-1,1,2,3,4,5] b：7
|
15 |
//注：在IE6.0下测试返回值总为undefined，FF2.0下测试返回值为7，所以这个方法的返回值不可靠，需要用返回值时可用splice代替本方法来使用。 |
16 |
17 |
//pop：删除原数组最后一项，并返回删除元素的值；如果数组为空则返回undefined |
18 |
var a = [1,2,3,4,5];
|
19 |
var b = a.pop(); //a：[1,2,3,4] b：5
|
20 |
21 |
//push：将参数添加到原数组末尾，并返回数组的长度 |
22 |
var a = [1,2,3,4,5];
|
23 |
var b = a.push(6,7); //a：[1,2,3,4,5,6,7] b：7
|
24 |
25 |
//concat：返回一个新数组，是将参数添加到原数组中构成的 |
26 |
var a = [1,2,3,4,5];
|
27 |
var b = a.concat(6,7); //a：[1,2,3,4,5] b：[1,2,3,4,5,6,7]
|
28 |
29 |
//splice(start,deleteCount,val1,val2,)：从start位置开始删除deleteCount项，并从该位置起插入val1,val2, |
30 |
var a = [1,2,3,4,5];
|
31 |
var b = a.splice(2,2,7,8,9); //a：[1,2,7,8,9,5] b：[3,4]
|
32 |
var b = a.splice(0,1); //同shift
|
33 |
a.splice(0,0,-2,-1); var b = a.length; //同unshift
|
34 |
var b = a.splice(a.length-1,1); //同pop
|
35 |
a.splice(a.length,0,6,7); var b = a.length; //同push
|
36 |
37 |
//reverse：将数组反序 |
38 |
var a = [1,2,3,4,5];
|
39 |
var b = a.reverse(); //a：[5,4,3,2,1] b：[5,4,3,2,1]
|
40 |
41 |
//sort(orderfunction)：按指定的参数对数组进行排序 |
42 |
var a = [1,2,3,4,5];
|
43 |
var b = a.sort(); //a：[1,2,3,4,5] b：[1,2,3,4,5]
|
44 |
45 |
//slice(start,end)：返回从原数组中指定开始下标到结束下标之间的项组成的新数组 |
46 |
var a = [1,2,3,4,5];
|
47 |
var b = a.slice(2,5); //a：[1,2,3,4,5] b：[3,4,5]
|
48 |
49 |
//join(separator)：将数组的元素组起一个字符串，以separator为分隔符，省略的话则用默认用逗号为分隔符 |
50 |
var a = [1,2,3,4,5];
|
51 |
var b = a.join("¦"); //a：[1,2,3,4,5] b："1¦2¦3¦4¦5"
|
2.dom最常用API
01 |
document方法： |
02 |
getElementById(id) Node 返回指定结点的引用 |
03 |
getElementsByTagName(name) NodeList 返回文档中所有匹配的元素的集合 |
04 |
createElement(name) Node Node |
05 |
createTextNode(text) Node 创建一个纯文本结点 |
06 |
ownerDocument Document 指向这个节点所属的文档 |
07 |
documentElement Node 返回html节点 |
08 |
document.body Node 返回body节点 |
09 |
10 |
element方法： |
11 |
getAttribute(attributeName) String 返回指定属性的值 |
12 |
setAttribute(attributeName,value) String 给属性赋值 |
13 |
removeAttribute(attributeName) String 移除指定属性和它的值 |
14 |
getElementsByTagName(name) NodeList 返回结点内所有匹配的元素的集合 |
15 |
16 |
node方法： |
17 |
appendChild(child) Node 给指定结点添加一个新的子结点 |
18 |
removeChild(child) Node 移除指定结点的子结点 |
19 |
replaceChild(newChild,oldChild) Node 替换指定结点的子结点 |
20 |
insertBefore(newChild,refChild) Node 在同一层级的结点前面插入新结点 |
21 |
hasChildNodes() Boolean 如果结点有子结点则返回true
|
22 |
23 |
node属性： |
24 |
nodeName String 以字符串的格式存放结点的名称 |
25 |
nodeType String 以整型数据格式存放结点的类型 |
26 |
nodeValue String 以可用的格式存放结点的值 |
27 |
parentNode Node 指向结点的父结点的引用 |
28 |
childNodes NodeList 指向子结点的引用的集合 |
29 |
firstChild Node 指向子结点结合中的第一个子结点的引用 |
30 |
lastChild Node 指向子结点结合中的最后一个子结点的引用 |
31 |
previousSibling Node 指向前一个兄弟节点；如果这个节点就是兄弟节点，那么该值为null
|
32 |
nextSibling Node 指向后一个兄弟节点；如果这个节点就是兄弟节点，那么该值为null
|
3.常用的数字函数:
01 |
·数字型(Number) |
02 |
1.声明
|
03 |
var i = 1;
|
04 |
var i = new Number(1);
|
05 |
06 |
2.字符串与数字间的转换
|
07 |
var i = 1;
|
08 |
var str = i.toString(); //结果: "1"
|
09 |
var str = new String(i); //结果: "1"
|
10 |
i = parseInt(str); //结果: 1
|
11 |
i = parseFloat(str); //结果: 1.0
|
12 |
13 |
//注意: parseInt,parseFloat会把一个类似于"32G"的字符串,强制转换成32
|
14 |
15 |
3.判断是否为有效的数字
|
16 |
var i = 123; var str = "string";
|
17 |
if( typeof i == "number" ){ } //true
|
18 |
19 |
//某些方法(如:parseInt,parseFloat)会返回一个特殊的值NaN(Not a Number)
|
20 |
//请注意第2点中的[注意],此方法不完全适合判断一个字符串是否是数字型!!
|
21 |
i = parseInt(str);
|
22 |
if( isNaN(i) ){ }
|
23 |
24 |
4.数字型比较
|
25 |
//此知识与[字符串比较]相同
|
26 |
27 |
5.小数转整数
|
28 |
var f = 1.5;
|
29 |
var i = Math.round(f); //结果:2 (四舍五入)
|
30 |
var i = Math.ceil(f); //结果:2 (返回大于f的最小整数)
|
31 |
var i = Math.floor(f); //结果:1 (返回小于f的最大整数)
|
32 |
33 |
6.格式化显示数字
|
34 |
var i = 3.14159;
|
35 |
36 |
//格式化为两位小数的浮点数
|
37 |
var str = i.toFixed(2); //结果: "3.14"
|
38 |
39 |
//格式化为五位数字的浮点数(从左到右五位数字,不够补零)
|
40 |
var str = i.toPrecision(5); //结果: "3.1415"
|
41 |
42 |
7.X进制数字的转换
|
43 |
//不是很懂 -.-
|
44 |
var i = parseInt("0x1f",16);
|
45 |
var i = parseInt(i,10);
|
46 |
var i = parseInt("11010011",2);
|
47 |
48 |
8.随机数
|
49 |
//返回0-1之间的任意小数
|
50 |
var rnd = Math.random();
|
51 |
//返回0-n之间的任意整数(不包括n)
|
52 |
var rnd = Math.floor(Math.random() * n)
|
4.最常用的JavaScript日期函数:
01 |
·日期型(Date) |
02 |
1.声明
|
03 |
var myDate = new Date(); //系统当前时间
|
04 |
var myDate = new Date(yyyy, mm, dd, hh, mm, ss);
|
05 |
var myDate = new Date(yyyy, mm, dd);
|
06 |
var myDate = new Date("monthName dd, yyyy hh:mm:ss");
|
07 |
var myDate = new Date("monthName dd, yyyy");
|
08 |
var myDate = new Date(epochMilliseconds);
|
09 |
10 |
2.获取时间的某部份
|
11 |
var myDate = new Date();
|
12 |
myDate.getYear(); //获取当前年份(2位)
|
13 |
myDate.getFullYear(); //获取完整的年份(4位,1970-????)
|
14 |
myDate.getMonth(); //获取当前月份(0-11,0代表1月)
|
15 |
myDate.getDate(); //获取当前日(1-31)
|
16 |
myDate.getDay(); //获取当前星期X(0-6,0代表星期天)
|
17 |
myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数) 时间戳！！
|
18 |
myDate.getHours(); //获取当前小时数(0-23)
|
19 |
myDate.getMinutes(); //获取当前分钟数(0-59)
|
20 |
myDate.getSeconds(); //获取当前秒数(0-59)
|
21 |
myDate.getMilliseconds(); //获取当前毫秒数(0-999)
|
22 |
myDate.toLocaleDateString(); //获取当前日期
|
23 |
myDate.toLocaleTimeString(); //获取当前时间
|
24 |
myDate.toLocaleString( ); //获取日期与时间
|
25 |
26 |
3.计算之前或未来的时间
|
27 |
var myDate = new Date();
|
28 |
myDate.setDate(myDate.getDate() + 10); //当前时间加10天
|
29 |
//类似的方法都基本相同,以set开头,具体参考第2点
|
30 |
31 |
4.计算两个日期的偏移量
|
32 |
var i = daysBetween(beginDate,endDate); //返回天数
|
33 |
var i = beginDate.getTimezoneOffset(endDate); //返回分钟数
|
34 |
35 |
5.检查有效日期
|
36 |
//checkDate() 只允许"mm-dd-yyyy"或"mm/dd/yyyy"两种格式的日期
|
37 |
if( checkDate("2006-01-01") ){ }
|
38 |
39 |
//正则表达式(自己写的检查 yyyy-mm-dd, yy-mm-dd, yyyy/mm/dd, yy/mm/dd 四种)
|
40 |
var r = /^(\d{2}¦\d{4})[\/-]\d{1,2}[\/-]\d{1,2}$/;
|
41 |
if( r.test( myString ) ){ }
|
5：最常用字符串函数API:
01 |
·字符串(String) |
02 |
1.声明
|
03 |
var myString = new String("Every good boy does fine.");
|
04 |
var myString = "Every good boy does fine.";
|
05 |
06 |
2.字符串连接
|
07 |
var myString = "Every " + "good boy " + "does fine.";
|
08 |
var myString = "Every "; myString += "good boy does fine.";
|
09 |
10 |
3.截取字符串
|
11 |
//截取第 6 位开始的字符
|
12 |
var myString = "Every good boy does fine.";
|
13 |
var section = myString.substring(6); //结果: "good boy does fine."
|
14 |
15 |
//截取第 0 位开始至第 10 位为止的字符
|
16 |
var myString = "Every good boy does fine.";
|
17 |
var section = myString.substring(0,10); //结果: "Every good"
|
18 |
19 |
//截取从第 11 位到倒数第 6 位为止的字符
|
20 |
var myString = "Every good boy does fine.";
|
21 |
var section = myString.slice(11,-6); //结果: "boy does"
|
22 |
23 |
//从第 6 位开始截取长度为 4 的字符
|
24 |
var myString = "Every good boy does fine.";
|
25 |
var section = myString.substr(6,4); //结果: "good"
|
26 |
27 |
4.转换大小写
|
28 |
var myString = "Hello";
|
29 |
var lcString = myString.toLowerCase(); //结果: "hello"
|
30 |
var ucString = myString.toUpperCase(); //结果: "HELLO"
|
31 |
32 |
5.字符串比较
|
33 |
var aString = "Hello!";
|
34 |
var bString = new String("Hello!");
|
35 |
if( aString == "Hello!" ){ } //结果: true
|
36 |
if( aString == bString ){ } //结果: true
|
37 |
if( aString === bString ){ } //结果: false (两个对象不同,尽管它们的值相同)
|
38 |
39 |
6.检索字符串
|
40 |
var myString = "hello everybody.";
|
41 |
// 如果检索不到会返回-1,检索到的话返回在该串中的起始位置
|
42 |
if( myString.indexOf("every") > -1 ){ } //结果: true
|
43 |
44 |
7.查找替换字符串
|
45 |
var myString = "I is your father.";
|
46 |
var result = myString.replace("is","am"); //结果: "I am your father."
|
47 |
48 |
8.特殊字符:
|
49 |
\b : 后退符 \t : 水平制表符
|
50 |
\n : 换行符 \v : 垂直制表符
|
51 |
\f : 分页符 \r : 回车符
|
52 |
\" : 双引号 \´ : 单引号
|
53 |
\\ : 反斜杆
|
54 |
55 |
9.将字符转换成Unicode编码
|
56 |
var myString = "hello";
|
57 |
var code = myString.charCodeAt(3); //返回"l"的Unicode编码(整型)
|
58 |
var char = String.fromCharCode(66); //返回Unicode为66的字符
|
59 |
60 |
10.将字符串转换成URL编码
|
61 |
var myString = "hello all";
|
62 |
var code = encodeURI(myString); //结果: "hello%20all"
|
63 |
var str = decodeURI(code); //结果: "hello all"
|
64 |
//相应的还有: encodeURIComponent() decodeURIComponent()
|
6：数学函数:
01 |
·Math对象 |
02 |
1. Math.abs(num) : 返回num的绝对值
|
03 |
2. Math.acos(num) : 返回num的反余弦值
|
04 |
3. Math.asin(num) : 返回num的反正弦值
|
05 |
4. Math.atan(num) : 返回num的反正切值
|
06 |
5. Math.atan2(y,x) : 返回y除以x的商的反正切值
|
07 |
6. Math.ceil(num) : 返回大于num的最小整数
|
08 |
7. Math.cos(num) : 返回num的余弦值
|
09 |
8. Math.exp(x) : 返回以自然数为底,x次幂的数
|
10 |
9. Math.floor(num) : 返回小于num的最大整数
|
11 |
10.Math.log(num) : 返回num的自然对数
|
12 |
11.Math.max(num1,num2) : 返回num1和num2中较大的一个
|
13 |
12.Math.min(num1,num2) : 返回num1和num2中较小的一个
|
14 |
13.Math.pow(x,y) : 返回x的y次方的值
|
15 |
14.Math.random() : 返回0到1之间的一个随机数
|
16 |
15.Math.round(num) : 返回num四舍五入后的值
|
17 |
16.Math.sin(num) : 返回num的正弦值
|
18 |
17.Math.sqrt(num) : 返回num的平方根
|
19 |
18.Math.tan(num) : 返回num的正切值
|
20 |
19.Math.E : 自然数(2.718281828459045)
|
21 |
20.Math.LN2 : 2的自然对数(0.6931471805599453)
|
22 |
21.Math.LN10 : 10的自然对数(2.302585092994046)
|
23 |
22.Math.LOG2E : log 2 为底的自然数(1.4426950408889634)
|
24 |
23.Math.LOG10E : log 10 为底的自然数(0.4342944819032518)
|
25 |
24.Math.PI : π(3.141592653589793)
|
26 |
25.Math.SQRT1_2 : 1/2的平方根(0.7071067811865476)
|
27 |
26.Math.SQRT2 : 2的平方根(1.4142135623730951)
|