javascript基础知识重点集锦

目录

Js基础知识集锦（一） ................................................................................................................. 11 Javascript文件上传时检测文件大小 ........................ 错误！未定义书签。错误！未定义书签。 js遍历json数组 ........................................................ 错误！未定义书签。错误！未定义书签。

Js基础知识集锦（一）

主要知识点：js数组，数字函数，字符串函数，表单验证，hashMap，堆栈，日期函数，call函数 等。

1.javascript的数组API Js代码

1. //定义数组

2. var pageIds = new Array(); 3. pageIds.push('A'); 4.

5. 数组长度

6. pageIds.length; 7.

8. //shift：删除原数组第一项，并返回删除元素的值；如果数组为空则返回undefined 9. 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(\：[1,2,3,4,5] b：\

2.dom最常用API Js代码

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.

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.网上搜藏的一个map对象: Js代码

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. /** 取 **/

19. this.get = function (key) 20. {

21. return this.containsKey(key) ? entry[key] : null; 22. } 23.

24. /** 删除 **/

25. this.remove = function ( key ) 26. {

27. if( this.containsKey(key) && ( delete entry[key] ) ) 28. {

29. size --; 30. } 31. } 32.

33. /** 是否包含 Key **/

34. this.containsKey = function ( key ) 35. {

36. return (key in entry); 37. } 38.

39. /** 是否包含 Value **/

40. this.containsValue = function ( value ) 41. {

42. for(var prop in entry) 43. {

44. if(entry[prop] == value) 45. {

46. return true; 47. } 48. }

49. return false; 50. } 51.

52. /** 所有 Value **/ 53. this.values = function () 54. {

55. var values = new Array(); 56. for(var prop in entry) 57. {

58. values.push(entry[prop]); 59. }

60. return values; 61. } 62.

63. /** 所有 Key **/

64. this.keys = function () 65. {

66. var keys = new Array(); 67. for(var prop in entry) 68. {

69. keys.push(prop); 70. }

71. return keys; 72. }

73.

74. /** Map Size **/ 75. this.size = function () 76. {

77. return size; 78. } 79.

80. /* 清空 */

81. this.clear = function () 82. {

83. size = 0;

84. entry = new Object(); 85. } 86. } 87.

88. var map = new HashMap(); 89. 90. /*

91. map.put(\ 92. map.put(\ 93. map.put(\ 94. map.put(\ 95. map.put(\ 96. */ 97. /*

98. alert(map.containsKey(\ 99. alert(map.size()); 100. alert(map.get(\ 101. alert(map.get(\ 102. map.remove(\ 103. alert(map.size()); 104. alert(map.get(\ 105. */ 106. 107. /** 同时也可以把对象作为 Key **/ 108. /* 109. var arrayKey = new Array(\ 110. var arrayValue = new Array(\ 111. map.put(arrayKey,arrayValue); 112. var value = map.get(arrayKey); 113. for(var i = 0 ; i < value.length ; i++) 114. { 115. //alert(value[i]); 116. } 117. */ 118. /** 把对象做为Key时 ，自动调用了该对象的 toString() 方法 其实最终还是以String对象为

Key**/ 119. 120. /** 如果是自定义对象 那自己得重写 toString() 方法 否则 . 就是下面的结果 **/ 121. 122. function MyObject(name) 123. { 124. this.name = name; 125. } 126. 127. /** 128. function MyObject(name) 129. { 130. this.name = name; 131. 132. this.toString = function () 133. {

134. 135. 136. 137. 138. 139. 140. 141. 142. 143. 144. 145. 146. 147. 148. 149. 150. 151. 152. return this.name; } } **/

var object1 = new MyObject(\小张\ var object2 = new MyObject(\小名\

map.put(object1,\小张\ map.put(object2,\小名\ alert(map.get(object1)); alert(map.get(object2)); map.remove(\ alert(map.size());

/** 运行结果 小名 小名 size = 1 **/

/** 如果改成复写toString()方法的对象 , 效果就完全不一样了 **/

4.常用的数字函数: Js代码

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(); //结果: \ 9. var str = new String(i); //结果: \ 10. i = parseInt(str); //结果: 1 11. i = parseFloat(str); //结果: 1.0 12.

13. //注意: parseInt,parseFloat会把一个类似于\的字符串,强制转换成32