javascript基础知识.docx
《javascript基础知识.docx》由会员分享,可在线阅读,更多相关《javascript基础知识.docx(34页珍藏版)》请在冰豆网上搜索。
javascript基础知识
一、javascript的数组API
1.//定义数组
2. var pageIds = new Array();
3. pageIds.push('A');
4. 数组长度
5. pageIds.length;
6.//shift:
删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefined
7.var a = [1,2,3,4,5];
8.var b = a.shift(); //a:
[2,3,4,5] b:
1
9.//unshift:
将参数添加到原数组开头,并返回数组的长度
10.var a = [1,2,3,4,5];
11.var b = a.unshift(-2,-1); //a:
[-2,-1,1,2,3,4,5] b:
7
12.//注:
在IE6.0下测试返回值总为undefined,FF2.0下测试返回值为7,所以这个方法的返回值不可靠,需要用返回值时可用splice代替本方法来使用。
13.//pop:
删除原数组最后一项,并返回删除元素的值;如果数组为空则返回undefined
14.var a = [1,2,3,4,5];
15.var b = a.pop(); //a:
[1,2,3,4] b:
5
16.//push:
将参数添加到原数组末尾,并返回数组的长度
17.var a = [1,2,3,4,5];
18.var b = a.push(6,7); //a:
[1,2,3,4,5,6,7] b:
7
19.//concat:
返回一个新数组,是将参数添加到原数组中构成的
20.var a = [1,2,3,4,5];
21.var b = a.concat(6,7); //a:
[1,2,3,4,5] b:
[1,2,3,4,5,6,7]
22.//splice(start,deleteCount,val1,val2,):
从start位置开始删除deleteCount项,并从该位置起插入val1,val2,
23.var a = [1,2,3,4,5];
24.var b = a.splice(2,2,7,8,9); //a:
[1,2,7,8,9,5] b:
[3,4]
25.var b = a.splice(0,1); //同shift
26.a.splice(0,0,-2,-1); var b = a.length; //同unshift
27.var b = a.splice(a.length-1,1); //同pop
28.a.splice(a.length,0,6,7); var b = a.length; //同push
29.//reverse:
将数组反序
30.var a = [1,2,3,4,5];
31.var b = a.reverse(); //a:
[5,4,3,2,1] b:
[5,4,3,2,1]
32.//sort(orderfunction):
按指定的参数对数组进行排序
33.var a = [1,2,3,4,5];
34.var b = a.sort(); //a:
[1,2,3,4,5] b:
[1,2,3,4,5]
35.//slice(start,end):
返回从原数组中指定开始下标到结束下标之间的项组成的新数组
36.var a = [1,2,3,4,5];
37.var b = a.slice(2,5); //a:
[1,2,3,4,5] b:
[3,4,5]
38.//join(separator):
将数组的元素组起一个字符串,以separator为分隔符,省略的话则用默认用逗号为分隔符
39.var a = [1,2,3,4,5];
40.var b = a.join("|"); //a:
[1,2,3,4,5] b:
"1|2|3|4|5"
二、dom最常用API
1.document方法:
2.getElementById(id) Node 返回指定结点的引用
3.getElementsByTagName(name) NodeList 返回文档中所有匹配的元素的集合
4.createElement(name) Node Node
5.createTextNode(text) Node 创建一个纯文本结点
6.ownerDocument Document 指向这个节点所属的文档
7.documentElement Node 返回html节点
8.document.body Node 返回body节点
9.element方法:
10.getAttribute(attributeName) String 返回指定属性的值
11.setAttribute(attributeName,value) String 给属性赋值
12.removeAttribute(attributeName) String 移除指定属性和它的值
13.getElementsByTagName(name) NodeList 返回结点内所有匹配的元素的集合
14.node方法:
15.appendChild(child) Node 给指定结点添加一个新的子结点
16.removeChild(child) Node 移除指定结点的子结点
17.replaceChild(newChild,oldChild) Node 替换指定结点的子结点
18.insertBefore(newChild,refChild) Node 在同一层级的结点前面插入新结点
19.hasChildNodes() Boolean 如果结点有子结点则返回true
20.node属性:
21.nodeName String 以字符串的格式存放结点的名称
22.nodeType String 以整型数据格式存放结点的类型
23.nodeValue String 以可用的格式存放结点的值
24.parentNode Node 指向结点的父结点的引用
25.childNodes NodeList 指向子结点的引用的集合
26.firstChild Node 指向子结点结合中的第一个子结点的引用
27.lastChild Node 指向子结点结合中的最后一个子结点的引用
28.previousSibling Node 指向前一个兄弟节点;如果这个节点就是兄弟节点,那么该值为null
29.nextSibling Node 指向后一个兄弟节点;如果这个节点就是兄弟节点,那么该值为null
三、网上搜藏的一个map对象
1.function HashMap()
2. {
3. /** Map 大小 **/
4. var size = 0;
5. /** 对象 **/
6. var entry = new Object();
7.
8. /** 存 **/
9. this.put = function (key , value)
10. {
11. if(!
this.containsKey(key))
12. {
13. size ++ ;
14. }
15. entry[key] = value;
16. }
17. /** 取 **/
18. this.get = function (key)
19. {
20. return this.containsKey(key) ?
entry[key] :
null;
21. }
22.
23. /** 删除 **/
24. this.remove = function ( key )
25. {
26. if( this.containsKey(key) && ( delete entry[key] ) )
27. {
28. size --;
29. }
30. }
31. /** 是否包含 Key **/
32. this.containsKey = function ( key )
33. {
34. return (key in entry);
35. }
36.
37. /** 是否包含 Value **/
38. this.containsValue = function ( value )
39. {
40. for(var prop in entry)
41. {
42. if(entry[prop] == value)
43. {
44. return true;
45. }
46. }
47. return false;
48. }
49. /** 所有 Value **/
50. this.values = function ()
51. {
52. var values = new Array();
53. for(var prop in entry)
54. {
55. values.push(entry[prop]);
56. }
57. return values;
58. }
59. /** 所有 Key **/
60. this.keys = function ()
61. {
62. var keys = new Array();
63. for(var prop in entry)
64. {
65. keys.push(prop);
66. }
67. return keys;
68. }
69. /** Map Size **/
70. this.size = function ()
71. {
72. return size;
73. }
74. /* 清空 */
75. this.clear = function ()
76. {
77. size = 0;
78. entry = new Object();
79. }
80. }
81. var map = new HashMap();
82. /*
83. map.put("A","1");
84. map.put("B","2");
85. map.put("A","5");
86. map.put("C","3");
87. map.put("A","4");
88. */
89. /*
90. alert(map.containsKey("XX"));
91. alert(map.size());
92. alert(map.get("A"));
93. alert(map.get("XX"));
94. map.remove("A");
95. alert(map.size());
96. alert(map.get("A"));
97. */
98. /** 同时也可以把对象作为 Key **/
99. /*
100. var arrayKey = new Array("1","2","3","4");
101. var arrayValue = new Array("A","B","C","D");
102. map.put(arrayKey,arrayValue);
103. var value = map.get(arrayKey);
104. for(var i = 0 ; i < value.length ; i++)
105. {
106. //alert(value[i]);
107. }
108. */
109. /** 把对象做为Key时 ,自动调用了该对象的 toString() 方法 其实最终还是以String对象为Key**/
110.
111. /** 如果是自定义对象 那自己得重写 toString() 方法 否则 . 就是下面的结果 **/
112. function MyObject(name)
113. {
114. this.name = name;
115. }
116.
117. /**
118. function MyObject(name)
119. {
120. this.name = name;
121.
122. this.toString = function ()
123. {
124. return this.name;
125. }
126. }
127. **/
128. var object1 = new MyObject("小张");
129. var object2 = new MyObject("小名");
130.
131. map.put(object1,"小张");
132. map.put(object2,"小名");
133. alert(map.get(object1));
134. alert(map.get(object2));
135. map.remove("xxxxx");
136. alert(map.size());
137.
138. /** 运行结果 小名 小名 size = 1 **/
139.
140. /** 如果改成复写toString()方法的对象 , 效果就完全不一样了 **/
141.
142.
四、常用的数字函数:
1.·数字型(Number)
2. 1.声明
3. var i = 1;
4. var i = new Number
(1);
5.
6. 2.字符串与数字间的转换
7. var i = 1;
8. var str = i.toString(); //结果:
"1"
9. 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. 5.小数转整数
27. var f = 1.5;
28. var i = Math.round(f); //结果:
2 (四舍五入)
29. var i = Math.ceil(f); //结果:
2 (返回大于f的最小整数)
30. var i = Math.floor(f); //结果:
1 (返回小于f的最大整数)
31. 6.格式化显示数字
32. var i = 3.14159;
33.
34. //格式化为两位小数的浮点数
35. var str = i.toFixed
(2); //结果:
"3.14"
36.
37. //格式化为五位数字的浮点数(从左到右五位数字,不够补零)
38. var str = i.toPrecision(5); //结果:
"3.1415"
39. 7.X进制数字的转换
40. //不是很懂 -.-
41. var i = parseInt("0x1f",16);
42. var i = parseInt(i,10);
43. var i = parseInt("11010011",2);
44. 8.随机数
45. //返回0-1之间的任意小数
46. var rnd = Math.random();
47. //返回0-n之间的任意整数(不包括n)
48. var rnd = Math.floor(Math.random() * n)
五、网上搜藏的js堆栈
1.function stack(){
2. if(this.top==undefined){
3. //初始化堆栈的顶部指针和数据存放域
4. this.top=0;
5. this.unit=new Array();
6. }
7. this.push=function(pushvalue){
8. //定义压入堆栈的方法
9. this.unit[this.top]=pushvalue;
10. this.top+=1;
11. }
12. this.readAllElements=function(){
13. //定义读取所有数据的方法
14. if(this.top==0){
15. alert("当前栈空,无法读取数据");
16. return("");
17. }
18. var count=0;
19. var outStr="";
20.
21. for(count=0;count22. outStr+=this.unit[count]+",";
23. }
24. return(outStr);
25. }
26. this.p