目录
Js基础知识集锦（一） (1)
Javascript文件上传时检测文件大小 (27)
js遍历json数组 (28)
Js基础知识集锦（一）
主要知识点：js数组，数字函数，字符串函数，表单验证，hashMap，堆栈，日期函数，call 函数等。
next：js正则表达式，闭包，apply，callee，事件相关函数，Cookie等
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("|"); //a：[1,2,3,4,5] b："1|2|3|4|5"
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 指向子结点结合中的第一个子结点的引用
https://www.doczj.com/doc/0710309878.html,stChild 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("A","1");
92. map.put("B","2");
93. map.put("A","5");
94. map.put("C","3");
95. map.put("A","4");
96. */
97. /*
98. alert(map.containsKey("XX"));
99. alert(map.size());
100. alert(map.get("A"));
101. alert(map.get("XX")); 102. map.remove("A");
103. alert(map.size());
104. alert(map.get("A"));
105. */
106.
107. /** 同时也可以把对象作为 Key **/
108. /*
109. var arrayKey = new Array("1","2","3","4");
110. var arrayValue = new Array("A","B","C","D");
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. https://www.doczj.com/doc/0710309878.html, = name;
125. }
126.
127. /**
128. function MyObject(name)
129. {
130. https://www.doczj.com/doc/0710309878.html, = name;
131.
132. this.toString = function ()
133. {
134. return https://www.doczj.com/doc/0710309878.html,;
135. }
136. }
137. **/
138. var object1 = new MyObject("小张");
139. var object2 = new MyObject("小名");
140.
141. map.put(object1,"小张");
142. map.put(object2,"小名");
143. alert(map.get(object1));
144. alert(map.get(object2));
145. map.remove("xxxxx");
146. alert(map.size());
147.
148. /** 运行结果小名小名 size = 1 **/
149.
150. /** 如果改成复写toString()方法的对象 , 效果就完全不一样了 **/
151.
152.
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(); //结果: "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.
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)
5.网上搜藏的js堆栈:
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;count 22. outStr+=this.unit[count]+","; 23. } 24. return(outStr); 25. } 26. this.pop=function(){ 27. //定义弹出堆栈的方法 28. if(this.top==0){ 29. alert("当前栈空，无法弹出数据"); 30. return(""); 31. } 32. var popTo=this.unit[this.top-1]; 33. this.top--; 34. return(popTo); 35. /* 从堆栈弹出数据，顶部指针减一，不过这里没有做到资源的释放，也 36.就是说数据仍然存在于this.unit的数组中，只不过无法访问罢了。目前 37.我也没想到好的办法解决。*/ 38. } 39.} 6.最常用的JavaScript日期函数: Js代码 1.·日期型(Date) 2. 1.声明 3. var myDate = new Date(); //系统当前时间 4. var myDate = new Date(yyyy, mm, dd, hh, mm, ss); 5. var myDate = new Date(yyyy, mm, dd); 6. var myDate = new Date("monthName dd, yyyy hh:mm:ss"); 7. var myDate = new Date("monthName dd, yyyy"); 8. var myDate = new Date(epochMilliseconds); 9. 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 ) ){ } 7.最常用字符串函数API: Js代码 1.·字符串(String) 2. 1.声明 3. var myString = new String("Every good boy does fine."); 4. var myString = "Every good boy does fine."; 5. 6. 2.字符串连接 7. var myString = "Every " + "good boy " + "does fine."; 8. var myString = "Every "; myString += "good boy does fine."; 9. 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() 8.数学函数: Js代码 1.·Math对象 2. 1. Math.abs(num) : 返回num的绝对值 3. 2. Math.acos(num) : 返回num的反余弦值 4. 3. Math.asin(num) : 返回num的反正弦值 5. 4. Math.atan(num) : 返回num的反正切值 6. 5. Math.atan2(y,x) : 返回y除以x的商的反正切值 7. 6. Math.ceil(num) : 返回大于num的最小整数 8. 7. Math.cos(num) : 返回num的余弦值 9. 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) 9.浏览器特征函数: Js代码 1. 1.浏览器名称 2. //IE : "Microsoft Internet Explorer" 3. //NS : "Netscape" 4. var browserName = navigator.appName; 5. 6. 2.浏览器版本 7. bar browserVersion = navigator.appVersion; 8. 9. 3.客户端操作系统 10. var isWin = ( https://www.doczj.com/doc/0710309878.html,erAgent.indexOf("Win") != -1 ); 11. var isMac = ( https://www.doczj.com/doc/0710309878.html,erAgent.indexOf("Mac") != -1 ); 12. var isUnix = ( https://www.doczj.com/doc/0710309878.html,erAgent.indexOf("X11") != -1 ); 13. 14. 4.判断是否支持某对象,方法,属性 15. //当一个对象,方法,属性未定义时会返回undefined或null等,这些特殊值都是 false 16. if( document.images ){ } 17. if( document.getElementById ){ } 18. 19. 5.检查浏览器当前语言 20. if( https://www.doczj.com/doc/0710309878.html,erLanguage ){ var l = https://www.doczj.com/doc/0710309878.html,erLanguage.toUpperCase(); } 21. 22. 6.检查浏览器是否支持Cookies 23. if( navigator.cookieEnabled ){ } 10.JavaScript面向对象的方法实现继承:call方法 Js代码 1.// 动物类 animal 2.function animal(bSex){ 3. this.sex = bSex 4. this.getSex = function(){ 5. return this.sex 6. } 7.} 8.// 类静态变量 (如果你不修改它的话～～) 9.animal.SEX_G = new Object(); // 雌性 10.animal.SEX_B = new Object(); // 雄性 11.// 动物子类鸟 12.function bird(bSex){ 13. animal.call(this, bSex); 14. this.fly = function(iSpeed){ 15. alert("飞行时速高达 " + iSpeed); 16. } 17.} 18.// 动物子类鱼 19.function fish(bSex){ 20. animal.call(this, bSex); 21. this.swim = function(iSpeed){ 22. alert("游动时速高达 " + iSpeed) 23. } 24.} 25.// 鱼鸟杂交品种。。。 26.function crossBF(bSex){ 27. bird.call(this, bSex); 28. fish.call(this, bSex); 29.} 30.var oPet = new crossBF(animal.SEX_G); // 雌性鱼鸟 31. alert(oPet.getSex() == animal.SEX_G ? "雌性" : "雄性"); 32. oPet.fly(124) 33. oPet.swim(254) 11.用面向对象的编程方式写JavaScript: Js代码 1.MyTool = new function(){ 2. /** 3. * 返回非空字符串,如果有默认值就返回默认字符串. 4. */ 5. this.notNull = function(str,defaultStr){ 6. if(typeof(str)=="undefined"||str==null||str==''){ 7. if(defaultStr) 8. return defaultStr; 9. else 10. return ''; 11. } 12. else{ 13. return str; 14. } 15. } 16.} 17. 18.rootId = MyTool.notNull(rootId,'001000'); 12.常用的js方法,包括表单校验的一些方法,下拉菜单常用的方法等等: Js代码 1./** 2. * 对JSON对象转换为字符串. 3. * @param {json对象} json 4. * @return {json字符串} 5. */ 6.function jsonObj2Str(json) { 7. var str = "{"; 8. for (prop in json) { 9. str += prop + ":" + json[prop] + ","; 10. } 11. str = str.substr(0, str.length - 1); 12. str += "}"; 13. return str; 14.} 15. 16./** 17. * 将json字符串转换为json对象. 18. * @param {json字符串} jsonstr 19. * @return {json对象} 20. */ 21.function jsonStr2Obj(jsonstr) { 22. return eval("("+jsonstr+")"); 23.} 24. 25./** 26. * 得到一个元素的left坐标值. 27. * @param {dom对象} obj 28. * @return {位置值} 29. */ 30.function getLeft(obj){ 31. var offset=e.offsetLeft; 32. if(e.offsetParent!=null) offset+=getLeft(e.offsetParent); 33. return offset; 34.} 35. 36./** 37. * 得到一个元素的绝对位置的top坐标值. 38. * @param {dom对象} obj 39. * @return {位置值} 40. */ 41.function getTop(obj){ 42. var offset=e.offsetTop; 43. if(e.offsetParent!=null) offset+=getTop(e.offsetParent); 44. return offset; 45.} 46. 47./** 48. * 删除一个字符串的左右空格. 49. * @param {原始字符串} str 50. * @return {删除空格之后的字符串} 51. */ 52.function trim(str) 53.{ 54. return str.replace(/(^\s*)|(\s*$)/g,""); 55.} 56. 57./** 58. * 根据id取出一个元素. 59. * @param {元素id值} str 60. * @return {dom对象} 61. */ 62.function $(str) { 63. return document.getElementById(str); 64.} 65. 66./** 67. * 按name获取一个对象. 68. * @param {元素name值} str 69. * @return {根据name返回的第一个对象} 70. */ 71.function $byName(str) { 72. var arr = document.getElementsByName(str); 73. if (arr) 74. return arr[0]; 75. else 76. return null; 77.} 78. 79./***************以下方法和表单验证相关 *************************************************/ 80./** 81. * 返回非空字符串,如果有默认值就返回默认字符串. 82. * @param {要进行转换的原字符串} str 83. * @param {默认值} defaultStr 84. * @return {返回结果} 85. */ 86.function notNull(str, defaultStr) { 87. if (typeof(str) == "undefined" || str == null || str == '') { 88. if (defaultStr) 89. return defaultStr; 90. else 91. return ''; 92. } else { 93. return str; 94. } 95.} 96. 97./** 98. * 比较两个日期大小. 99. * @param {较小日期的文本框id} smallDate 100. * @param {较大日期的文本框id} bigDate 101. * @param {出错的提示信息} msg 102. */ 103.function compareTwoDate(smallDate, bigDate, msg) { 104. var v1 = $(smallDate).value; 105. var v2 = $(bigDate).value; 106. if (v1 >= v2) { 107. alert(msg); 108. v2.focus(); 109. return false; 110. } 111. return true; 112.} 113. 114./** 115. * 比较两个金额大小的方法. 116. * @param {较小的金额} smallNum 117. * @param {较大的金额} bigNum 118. * @param {出错提示信息} msg 119. * @return {Boolean} 120. */ 121.function compareTwoNum(smallNum, bigNum, msg) { 122. var v1 = $(smallNum).value; 123. var v2 = $(bigNum).value; 124. if (parseFloat(v1) >= parseFloat(v2)) { 125. alert(msg); 126. v2.focus(); 127. return false; 128. } 129. return true; 130.} 131. 132./** 133. * 检查文本框的长度是否超出指定长度. 134. * @param {文本id} textId 135. * @param {文本框的最大长度} len 136. * @param {文本框描述内容} msg 137. * @return {有错就返回false,否则返回true} 138. */ 139.function checkLength(textId, len, msg) { 140. obj = $(textId); 141. str = obj.value; 142. str = str.replace(/[^\x00-\xff]/g, "**"); 143. realLen = str.length; 144. if (realLen > len) { 145. alert("[" + msg + "]" + "长度最大为" + len + "位," + "请重新输入！\n注意：一个汉字占2位。"); 146. obj.focus(); 147. return false; 148. } else 149. return true; 150.} 151. 152./** 153. * 判断某个文本框不可以为空. 154. * @param {文本框id} textId 155. * @param {文本框描述内容} msg 156. * @return {有错就返回false,否则返回true} 157. */ 158.function checkIfEmpty(textId, msg) { 159. var textObj = $(textId); 160. var textValue = textObj.value; 161. if (trim(textValue) == '') { 162. alert('[' + msg + ']不得为空！'); 163. textObj.focus(); 164. return false; 165. } else { 166. return true; 167. } 168.} 169. 170./** 171. * 判断指定文本框内容必须为邮件. 172. * @param {文本框id} textId 173. * @param {文本框描述} msg 174. * @return {如果是邮件内容就返回true否则返回false} 175. */ 176.function checkIsMail(textId, msg) { 177. var obj = $(textId); 178. if (!_isEmail(obj.value)) { 179. alert('[' + msg + ']不是合法的邮件地址！'); 180. obj.focus(); 181. return false; 182. } else 183. return true; 184.} 185. 186./** 187. * 验证是不是邮件. 188. * @param {要验证的字符串} strEmail 189. * @return {Boolean} 190. */ 191.function _isEmail(strEmail) { 192. //接下来的验证是否有两个以上的‘.’号，有的话就是错的！193. var first = strEmail.indexOf('.'); 194. if (strEmail.indexOf('@')== -1) { 195. return false; 196. } 197. var tempStr = strEmail.substring(first + 1); 198. if (tempStr.indexOf('.') != -1) { 199. return false; 200. } 201. if (strEmail 202. .search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1) { 203. return true; 204. } else 205. return false; 206.} 207. 208./** 209. * 判断某个文本框是否数字. 210. * @param {文本框id} textId 211. * @param {文本框描述内容} msg 212. * @return {Boolean} 213. */ 214.function checkIsNum(textId, msg) { 215. obj = $(textId); 216. if (isNaN(obj.value)) { 217. alert('[' + msg + ']必须为数字。'); 218. obj.focus(); 219. return false; 220. } else 221. return true; 222.} 223. 224./** 225. * 判断某个文本框是否含有非法字符. 226. * @param {文本框的id} textId 227. * @param {文本框描述内容} msg 228. * @return {有错就返回false否则返回true} 229. */ 230.function checkIsValid(textId, msg) { 231. obj = $(textId); 232. if (!_isValidString(obj.value, '[' + msg + ']不得含有非法字符。')) { 233. obj.focus(); 234. return false; 235. } 236. return true; 237.} 238. 239./** 240. * 判断是不是合法字符串. 241. * @param {要进行判断的字符串} szStr 242. * @param {文本描述} errMsg 243. * @return {合法则返回true否则返回false} 244. */ 245.function _isValidString(szStr,errMsg) { 246. voidChar = "'\"><`~!@#$%^&\(\)（）！￥……？?“”‘’*"; 247. for (var i = 0; i < voidChar.length; i++) { 248. aChar = voidChar.substring(i, i + 1); 249. if (szStr.indexOf(aChar) > -1){ 250. alert(errMsg) 251. return false; 252. } 253. } 254. return true; 255.} 256. 257./*************** 以下方法和下拉菜单相关*************************************************/ 258./** 259. * 控制下拉菜单不可以为-1(未选择情况value=-1) 260. * @param {下拉菜单id} selectId 261. * @param {下拉菜单描述内容} msg 262. * @param {下拉菜单的空值对应的value,默认为-1} nullValue 263. * @return {Boolean} 264. */ 265.function checkChooseSelect(selectId, msg ,nullValue) { 266. var obj = $(selectId); 267. if (obj.value == notNull(nullValue,'-1')) { 268. alert('[' + msg + ']必选!'); 269. obj.focus(); 270. return false; 271. } else 272. return true; 273.} 274. 275./** 276. * 得到下拉菜单的显示的文字. 277. * @param {下拉菜单dom对象} selectObj 278. * @return {返回下拉菜单的显示的"文本"} 279. */ 280.function getSelectText(selectObj) { 281. return selectObj.options[selectObj.selectedIndex].text; 282.} 第 1 章 JavaScript 语言入门 1 为什么学习 JavaScript Js1k:用1k的代码做出炫目的效果。代码扩写 犀牛书 微信公众号：前端大全 1. ***变量 2. ***数据类型 一．***变量：内存中存储*一个*数据的存储空间，再起一个名字 何时使用：程序中反复使用的数据，都要先保存在变量中，再参与运算 如何使用：声明赋值取值 1. 声明：在内存中创建一个新变量 如何声明：var 变量名; 仅声明，但暂未赋值，默认值为undefined 变量命名：1. 不能以数字开头，仅能包含字母，数字和下划线 2. 不能用保留字：js中已经预先使用的关键字 比如：name X 3. 见名知意 4. 驼峰命名：第一个单词首字母小写， 之后每个单词首字母大写： 比如：backgroundColor，listStyleType 2. 赋值：将等号*右边*的数据，保存到等号*左边*的变量中 如何赋值：变量名=值;il *对已经包含值的变量赋新值，新值会替换旧值* 建议：1. 在声明同时，初始化变量的值 如何在声明同时初始化：var 变量名=值; 3. 取值：只要使用变量名，在运行时，会被自动替换为变量中的值 特殊情况：3种： 1. 只声明，但未赋值的变量，可任意使用 比如：var hb; console.log(hb); //undefined 2. 从未声明的变量，不能使用(取值)！ 报错：ReferenceError: XXX is not defined 3. 未声明的变量，却可赋值！——其实和var不一样 强烈建议：必须用var声明变量 ***声明提前：在程序正式*执行前*，都会将var声明的变量提前到*当前脚本块*的顶部集中声明。再开始执行程序。***赋值留在原地*** 常量：一旦初始化，值不能改变的量 何时使用：程序中，一旦定义不可擅自改变的值，都要用常量保存 如何创建：const 常量名=值; 用作常量的名称，都要大写字母 强行修改常量的值，不会报错，但也无法修改成功！ Javascript简介 (2) Javascript简介 (2) 简单的Javascript入门示例 (4) 编写Javascript 代码 (5) 语句(Statements) (5) 语句块(Blocks) (6) 注释(Comments) (7) 表达式(Expressions) (8) 赋值和等于(Assignments and Equality) (9) Javascript常用运算符(Operators) (10) 算术运算符 (10) 逻辑运算符 (11) 赋值运算符 (12) Javascript 循环语句(Javascript Loop Statements) (12) 使用for 循环语句 (13) 使用for...in 循环语句 . (15) 使用while 和do...while 循环语句 (17) 使用break 和continue 语句 (20) Javascript写在哪里 (23) Javascript在JavaScript入门教程(初学者不可多得的优秀入门教材,通俗易懂,专业术语通俗化)
提要：Javascript 是学习脚本语言的首选。她兼容性好，绝大多数浏览器均支持 Javascript，而且她功能强大，实现简单方便，入门简单，即使是程序设计新手也可以非常 快速容易地使用 JavaScript 进行简单的编程。
Javascript 是由 Netscape 公司创造的一种脚本语言。为便于推广，被定为 javascript，但 是 javascript 与 java 是两门不相干的语言， 作用也不一样。 作为一门独立的编程语言， javascript 可以做很多的事情，但它最主流的应用还是在 Web 上——创建动态网页(即网页特效)。 Javascript 在网络上应用广泛， 几乎所有的动态网页里都能找到它的身影。 目前流行的 AJAX 也是依赖于 Javascript 而存在的。 Javascript 与 Jscript 也不是一门相同的语言， Jscript 和 vbscript 是微软开发的两种脚本语 言，微软，Netscape 公司以及其他语言开发商为减少 web 开发者的兼容麻烦，所以成立 ECMA ， 该组 织 专 门制定 脚 本 语 言的 标 准 和规范 。 ECMA 制 定 的标 准脚 本 语 言 叫做 ECMAScript，Javascript 符合 ECMA 的标准，其实 Javascript 也可以叫做 ECMAScript. Jscript 也 ECMA 的标准， 但用户较少。vbscript 仅局限在微软的用户， Netscape 不支持。 概括地说，JavaScript 就是一种基于对象和事件驱动，并具有安全性能的脚本语言，脚 本语言简单理解就是在客户端的浏览器就可以互动响应处理程序的语言， 而不需要服务器的 处理和响应，当然 JavaScript 也可以做到与服务器的交互响应，而且功能也很强大。而相对 的服务器语言像 asp https://www.doczj.com/doc/0710309878.html, php jsp 等需要将命令上传服务器，由服务器处理后回传处理结 果。对象和事件是 JavaScript 的两个核心。 JavaScript 可以被嵌入到 HTML 文件中，不需要经过 Web 服务器就可以对用户操作作 出响应，使网页更好地与用户交互；在利用客户端个人电脑性能资源的同时，适当减小服务 器端的压力，并减少用户等待时间。
2 将 JavaScript 插入网页的方法
与在网页中插入 CSS 的方式相似，使用
language="javascript"表示使用 JavaScript 脚本语言，脚本语言还有 vbscript、 jsscript 等，如果没有 language 属性，表示默认使用 JavaScript 脚本。其中的...就是代 码的内容。例如：js基础知识
Javascript基础教程
Javascript在
之间 (24) Javascript放在外部文件里 (25) Javascript变量(Javascript Variables) (26) 什么是变量？ (26) 变量的声明(Declaring Variables) (26) 变量的命名规则 (27) Javascript条件语句(Javascript Conditional Statements) (27) 单项条件结构(if条件语句) (28) 双向条件结构(if...else条件语句) (29) 多项条件结构(switch条件语句) (31) Javascript保留字(Javascript Reserved Words) (32) Javascript未来保留字(Javascript Future Reserved Words) (33) Javascript简介 Javascript简介1、GET和POST的区别，何时使用POST？ GET：一般用于信息获取，使用URL传递参数，对所发送信息的数量也有限制，一般在2000个字符 POST：一般用于修改服务器上的资源，对所发送的信息没有限制。 GET方式需要使用Request.QueryString来取得变量的值，而POST方式通过Request.Form来获取变量的值， 也就是说Get是通过地址栏来传值，而Post是通过提交表单来传值。 然而，在以下情况中，请使用POST 请求： 无法使用缓存文件（更新服务器上的文件或数据库） 向服务器发送大量数据（POST 没有数据量限制） 发送包含未知字符的用户输入时，POST 比GET 更稳定也更可靠JavaScript是客户端和服务器端脚本语言，可以插入到HTML页面中，并且是目前较热门的Web开发语言。同时，JavaScript也是面向对象编程语言。 类似的基本题目还包括：JavaScript都有哪些类型?JavaScript是谁发明的?……2、列举Java和JavaScript之间的区别? Java是一门十分完整、成熟的编程语言。相比之下，JavaScript是一个可以被引入HTML页面的编程语言。这两种语言并不完全相互依赖，而是针对不同的意图而设计的。Java是一种面向对象编程(OOPS)或结构化编程语言，类似的如C ++或C，而JavaScript是客户端脚本语言，它被称为非结构化编程。
3. JavaScript和ASP脚本相比，哪个更快? JavaScript更快。JavaScript是一种客户端语言，因此它不需要Web服务器的协助来执行。另一方面，ASP是服务器端语言，因此总是比JavaScript慢。值得注意的是，Javascript现在也可用于服务器端语言(nodejs)。 4、什么是负无穷大? 负无穷大是JavaScript中的一个数字，可以通过将负数除以零来得到。 5、如何将JavaScript代码分解成几行吗? 在字符串语句中可以通过在第一行末尾使用反斜杠“\”来完成 例：document.write(“This is \a program”); 如果不是在字符串语句中更改为新行，那么javaScript会忽略行中的断点。
基础练习题 一、简单Java程序调试 1）以下哪个是Java应用程序main方法的有效定义? A. public static void main(); B. public static void main( String args ); C. public static void main( String args[] ); D. public static void main( Graphics g ); E. public static boolean main( String a[] ); 2) 编译和运行以下代码的结果为： public class MyMain{ public static void main(String argv){ System.out.println("Hello cruel world"); } } A．编译错误； B．运行输出"Hello cruel world"； C．编译无错，但运行时指示没有定义构造方法。 D．编译无错，但运行时指示没有正确定义main方法。 3）下列选项中不属于Java虚拟机的执行特点的一项是： A．异常处理B．多线程C．动态链接D．简单易学 4）不属于Java语言特点的一项是： A．分布式 B. 安全性 C. 编译执行 D.面向对象 5）以下程序的运行结果为： public class Test{ public static void main(String argv[ ]){ System.out.println("x="+5); } } A. 5 B. x=5 C. "x="+5 D. "x="5 6) 以下程序的运行结果为： public class Test{ public static void main(String argv[ ]){ System.out.println("good"+"morning"); } } A. goodmorning B. "good"+"morning" C. good morning D. good+morning 二、Java符号与表达式 1) 现有一个int类型的整数和一个double类型的数进行加法运算，则得到的结果类型为： A．int类型 B. double类型 C. float类型 D. long类型 2）下面程序段的输出结果是：
表JS基本类型有什么？引用类型有什么？ 基本类型：number,string,boolean,undefined,null 引用类型：基本类型以外的都是引用类型，如object/array/function/date等等 关于基本类型与引用类型的区别可以详细看看@Naraku_的这篇文章： [ JS 进阶] 基本类型引用类型简单赋值对象引用 概况起来有这么几个要点： 1.我们无法给基本类型的对象添加属性和方法； var m1 = 123; https://www.doczj.com/doc/0710309878.html, = 'abc'; console.log(https://www.doczj.com/doc/0710309878.html,); //输出：undefined 2.基本类型对象的比较是值比较，而引用类型对象的比较是引用比较； var m1 = 123, m2 = 123; console.log(m1 === m2); //输出：true var o1 = {}, o2 = {}; console.log(o1 === o2); //输出：false 3.基本类型对象是存储在栈内存中的，而引用类型对象其实是一个存储在栈内存中的一个堆内存地址。 4.基本类型对象赋值时（执行=号操作），是在栈内存中创建一个新的空间，然后将值复制一份到新的空间里。 5.引用类型对象赋值时（执行=号操作），也是在栈内存中复制一份一样的值，但这个值是一个堆内存地址，所以被赋值的那个对象跟前者其实是一个对象。 var o1 = {}; var o2 = o1; https://www.doczj.com/doc/0710309878.html, = 'abc';console.log(https://www.doczj.com/doc/0710309878.html,); // --> abc console.log(https://www.doczj.com/doc/0710309878.html,); // --> abc o2.age = '123';console.log(o1.age); // --> 123console.log(o2.age); // --> 123 JS中的常见对置对象类
Vue.js 专注于MVVM 模型的ViewModel 层。它通过双向数据绑定把View 层和Model 层连接了起来。Vue.js和其他库相比是一个小而美的库，作者的主要目的是通过一个尽量简单的API 产生可反映的数据绑定和可组合的视图组件，感觉作者的思路非常清晰。 介绍 vue.js 是用来构建web应用接口的一个库 技术上，Vue.js 重点集中在MVVM模式的ViewModel层，它连接视图和数据绑定模型通过两种方式。实际的DOM操作和输出格式被抽象的方式到指令（Directives）和过滤器（Filters） 在哲学领域内,尽量让MVVM数据绑定API尽可能简单。模块化和可组合性也是重要的设计考虑。vue不是一个全面的框架,它被设计成简单的和灵活的。你可以用它快速原型,或混合和匹配与其他库定义前端堆栈。 Vue。js的API是参考了AngularJS、KnockoutJS Ractive.js Rivets.js。尽管有相似之处,我相信Vue.js提供一个有价值能够让你在现在的一些现有框架中舍取其价值即使你已经熟悉其中的一些术语,建议您通过以下概念的概述,因为你的这些术语的概念可能在Vue.js的下文中有所不同 概念概述 ViewModel 一个对象,同步模型和视图. 在Vue.js中,ViewModels是实例化的Vue的构造器或者是它的子类 var vm = new Vue({ /* options */ }) 这是主要的对象,你会与作为开发人员在使用Vue.js交互。更多细节请参阅Class: Vue. View 用户看到的实际HTML / DOM vm.$el // The View 当使用Vue.js时候，除了自己自定义的指令你几乎不会触碰到DOM的操作，当数据更新后视图的更新将会自动的触发，视图的更新可以很精确的到每一个testNode节点，他们也批处理和异步执行从而提供更好的性能。 Model 这是一个略微修改的Javascript对象 vm.$data // The Model 在Vue.js中，模型只是简单的Javascript对象,数据对象,你能够操控他们的属性和视图模型，观察他们的从而能获取通知后更改。Vue.js在data对象胡总用ES5的getter/setter 把属性转化了，它允许直接操作而不需要脏检查。 data对象在适当的时候会产生突变，所以修改它与通过引用修改vm.$data是一样的效果。这也方便了多个ViewModel实例观察同一块数据。 技术细节请看Instantiation Options: data. Directives 私有的HTML属性是告诉Vue.js做一些关于DOM的处理 <div v-text="message"></div> 这里的div元素有一个v-text的指令，值是message.意思是告诉Vue.js 保持这个div节点的内容与viewMode中的message属性同步 指令可以封装任意DOM操作。例如v-attr 操作一个属性元素,v-repeat克隆基于数组的
第一讲JavaScript语言概况 第二讲JavaScript基本数据结构 第三讲JavaScript程序构成 第四讲基于对象的JavaScript语言 第五讲创建新对象 第六讲使用内部对象系统 第七讲窗口及输入输出 第八讲WEB页面信息的交互 第九讲实现更复杂的交互 第一讲JavaScript语言概况 Internet时代，造就了我们新的工作和生活方式，其互联性、开放性和共享信息的模式，打破了传统信息传播方式的重重壁垒，为我们带来了新的机遇。随着计算机和信息时代的到来，人类社会前进的脚步在逐渐加快，每一天都有新的事情发生，每一天都在创造着奇迹。随着Internet技术的突飞猛进，各行各业都在加入Internet的行业中来。无论从管理方面，还是从商业角度来看，Internet都可以带来无限生机。通过Internet，可以实现地区、集体乃至个人的连接，从而达到一种“统一的和谐”。那么怎样把自己的或公司的信息资源加入到WWW 服务器，是广大用户日益关心的问题。采用超链技术（超文本和超媒体技术）是实现这个目标最简单的、最快速的手段和途径。具体实现这种手段的支持环境，那就是HTML 超文本标识语言。通过它们可制作所需的Web网页。 通过超文本(Hyper Text)和超媒体(Hyper Media)技术结合超链接(Hyper link)的链接功能将各种信息组织成网络结构(web)，构成网络文档(Document)，实现Internet上的“漫游”。通过HTML符号的描述就可以实现文字、表格、声音、图像、动画等多媒体信息的检索。 然而采用这种超链技术存在有一定的缺陷，那就是它只能提供一种静态的信息资源，缺少动态的客户端与服务器端的交互。虽然可通过CGI (Common Gateway Interface)通用网关接口实现一定的交互，但由于该方法编程较为复杂，因而在一段时间防碍了Internet技术的发展。而JavaScript的出现，无凝为Internet 网上用户带来了一线生机。可以这样说,JavaScript的出现是时代的需求,是当今的信息时代造就了JavaScript。 JavaScript的出现，它可以使得信息和用户之间不仅只是一种显示和浏览的关系，而是实现了一种实时的、动态的、可交式的表达能力。从而基于CGI静态的HTML页面将被可提供动态实时信息，并对客户操作进行反应的Web页面的取代。JavaScript脚本正是满足这种需求而产生的语言。它深受广泛用户的喜爱的
1、JavaScript 显示数据 JavaScript 可以通过不同的方式来输出数据： 使用window.alert()弹出警告框。 使用document.write()方法将内容写到HTML 文档中。 使用innerHTML写入到HTML 元素。 使用console.log()写入到浏览器的控制台。 实例： document.getElementById("demo").innerHTML = "段落已修改。"; document.write("
HTML 事件可以是浏览器行为，也可以是用户行为。 以下是HTML 事件的实例： HTML 页面完成加载。 HTML input 字段改变时。 HTML 按钮被点击。 右图是常见的事件(前面都有on) 事件有三种写法，举onclick为例： //后面再写函数实现方式。 4、JavaScript 字符串 var carname = "Volvo XC60"; var character = carname[7]; //字符串的索引从0 开始 JavaScript本身对单引号还是双引号没有区别。一般都用双引号，两个都存在时，再考虑。
Javascript基础 1．功能 在客户端IE 执行 用来与用户交互 数据检查、控制 控制Browser 的页面方式 2.基本命令 var 定义变量 alert 生成一个独立的小窗口，称作对话框，并用它来显示一条信息和一个“确定”按钮！当显示这个对话框时，暂停程序的 执行。 confirm 确认选择对话框用于确定用户某个Y es/No风格问题的回答。这种风格的对话框中显示一个问号和两个按钮：“确定” 和“取消”。当用户单击了“确定”按钮Confirm()方法返回 true；否则返回false。 If , else For Less than (<) Greater than (>) Not (!) Not equal (!=) Equals (==)
Logical AND (&&) Logical OR (||) Is NOT a Number (isNaN ) Split 将string对象字符以某个符号分开隔开 3.属性 document properties 文档对象，描述当前窗口或指定窗口对象的文档。它包含了文档从
到的内容。 document.getElementById document.getElementById("id1").value //获取或设置id1的值 getElementsByTagName getElementsByName("test") 是把name属性为test的所有元素取出来放在一个集合里返回 getElementsByTagName ('INPUT') 是把所有的文本框、单选、复选、按钮等取出来放在一个集合里返回 Object properties Obj.tagName Obj.className Obj.type Obj. checked Obj. value《JavaScript从入门到精通》读书笔记 今年的学习计划要读的书是《JavaScript权威指南》，里面内容比较有深度，所以决定买了比较好理解的《JavaScript从入门到精通》开始学习。 此书前半部分还是比较基础，平时工作中都能用得到，后半部分涉及到了Ajax、本地数据存储、离线应用和canvas图形等比较高级的用法。 首先主要介绍了JavaScript的发展历史版本变化，了解一下就可以。 初次使用JavaScript，重点讲了JavaScript的”字符串。例如。浏览器在加载如下代码就会产生一个错误。”); } Hi(); 错误原因：当浏览器解析到字符串””时，会结束JavaScript代码段的执行。解决方法： 使用转义字符把字符串‘’分成两部分来写就不会造成浏览器的误解。 代码测试和错误处理，理解浏览器的不同内核和代码不同的兼容性，在不同浏览器代码报错的时候会有不同的调试方法，学会使用浏览器的调试器对网页开发效率会有很大的提高。现在主流的浏览器是Chrome、Firefox、Safari等。 JavaScript的基本语法和各种变量，各种数据类型及各种数据类型的转换。 重点：避免变量污染 Var foo = function(){ Var a = 1, b = 2; Var bar = function(){ Var b = 3, c=4, //a= 1,b =3, c=4 a+=b + c; // a=8, b=3, c=4 }; //a=1, b=2, c = undefined bar(); //a= 21,b=2,c= undefined } JavaScript运算符的使用。JavaScript定义了51个运算符，主要分为一下几大类，位运算符、算术运算符、逻辑运算符、关系运算符、赋值运算符、对象炒作运算符和其他运算符。设计程序结构。程序都是由一个或多个语句组成的集合，语句表示一个可以执行的命令。用来完成特定的任务。大部分语句用于流程控制，在JavaScript中提供了if条件判断语句、switch多分枝语句、for循环语句、while循环语句、do/while循环语句、break语句、continue语句等7种流行控制语句。
JavaScript API入门指导 天地图有限公司 2014年1月
Web API介绍 天地图Web API是一套由JavaScript语言编写的应用程序接口，它能够帮助您在网站中制作各种类型、行业的地图应用，还可以使地图功能够以模块化集成在不同类型的系统应用中。 面向用户 天地图Web API面向的读者是有一定JavaScript编程经验的读者，此外，读者还应该对地图产品有一定的了解。初级程序员通过1-2天的学习，即可掌握API的使用。 获取API 地图API是由JavaScript语言编写的，您在使用之前需要通过 9. 防止被人frame 10. 网页将不能被另存为 11. 12.删除时确认 删除 13. 取得控件的绝对位置 //javascript //VBScript