JavaScript常用函数积累

页面JS函数[@more@]

这是一些我平时用到的JS脚码，希望对大家有所帮助。。。

@与羊共舞的狼

1. 1.常规函数
2. 　　javascript常规函数包括以下9个函数：
3. 　　(1)alert函数：显示一个警告对话框，包括一个OK按钮。
4. 　　(2)confirm函数：显示一个确认对话框，包括OK、Cancel按钮。
5. 　　(3)escape函数：将字符转换成Unicode码。
6. 　　(4)eval函数：计算表达式的结果。
7. 　　(5)isNaN函数：测试是(true)否(false)不是一个数字。
8. 　　(6)parseFloat函数：将字符串转换成符点数字形式。
9. 　　(7)parseInt函数：将符串转换成整数数字形式(可指定几进制)。
10. 　　(8)prompt函数：显示一个输入对话框，提示等待用户输入。例如：
11. 　　(9)unescape函数：解码由escape函数编码的字符。
12. 　　2.数组函数
13. 　　javascript数组函数包括以下4个函数：
14. 　　(1)join函数：转换并连接数组中的所有元素为一个字符串。例:
16. 程序代码
17. 　　　　function JoinDemo()
18. 　　　　{
19. 　　　　　var a, b;
20. 　　　　　a = new Array(0,1,2,3,4);
21. 　　　　　b = a.join("-");//分隔符
22. 　　　　　return(b);//返回的b=="0-1-2-3-4"
23. 　　　　}
24. 　
25. 　(2)langth函数：返回数组的长度。例：
26. 　　　　
27. 程序代码
28. function LengthDemo()
29. 　　　　{
30. 　　　　　var a, l;
31. 　　　　　a = new Array(0,1,2,3,4);
32. 　　　　　l = a.length;
33. 　　　　　return(l);//l==5
34. 　　　　}
36. 　　(3)reverse函数：将数组元素顺序颠倒。例：
37. 　　　
38. 程序代码
39. function ReverseDemo()
40. 　　　{
41. 　　　　var a, l;
42. 　　　　a = new Array(0,1,2,3,4);
43. 　　　　l = a.reverse();
44. 　　　　return(l);
45. 　　　}
46. 　　(4)sort函数：将数组元素重新排序。例：
47. 　　　　
48. 程序代码
49. function SortDemo()
50. 　　　　{
51. 　　　　　var a, l;
52. 　　　　　a = new Array("X" ,"y" ,"d", "Z", "v","m","r");
53. 　　　　　l = a.sort();
54. 　　　　　return(l);
55. 　　　　}
56. 　　3.日期函数
57. 　　javascript日期函数包括以下20个函数：
58. 　　(1)getDate函数：返回日期的“日”部分，值为1～31。例：
59. 　　　
60. 程序代码
61. function DateDemo()
62. 　　　{
63. 　　　　var d, s = "Today's date is: ";
64. 　　　　d = new Date();
65. 　　　　s += (d.getMonth() + 1) + "/";
66. 　　　　s += d.getDate() + "/";
67. 　　　　s += d.getYear();
68. 　　　　return(s);
69. 　　　}
70. 　　(2)getDay函数：返回星期几，值为0～6，其中0表示星期日，1表示星期一，...，6表示星期六。例：
71. 　　　
72. 程序代码
73. function DateDemo()
74. 　　　{
75. 　　　　var d, day, x, s = "Today is: ";
76. 　　　　var x = new Array("Sunday", "Monday", "Tuesday");
77. 　　　　var x = x.concat("Wednesday","Thursday", "Friday");
78. 　　　　var x = x.concat("Saturday");
79. 　　　　d = new Date();
80. 　　　　day = d.getDay();
81. 　　　　return(s += x[day]);
82. 　　　}
83. 　　(3)getHouse函数：返回日期的“小时”部分，值为0～23。例。
84. 　　　
85. 程序代码
86. function TimeDemo()
87. 　　　{
88. 　　　　var d, s = "The current local time is: ";
89. 　　　　var c = ":";
90. 　　　　d = new Date();
91. 　　　　s += d.getHours() + c;
92. 　　　　s += d.getMinutes() + c;
93. 　　　　s += d.getSeconds() + c;
94. 　　　　s += d.getMilliseconds();
95. 　　　　return(s);
96. 　　　}
97. 　　(4)getMinutes函数：返回日期的“分钟”部分，值为0～59。见上例。
98. 　　(5)getMonth函数：返回日期的“月”部分，值为0～11。其中0表示1月，2表示3月，...，11表示12月。见前面的例子。
99. 　　(6)getSeconds函数：返回日期的“秒”部分，值为0～59。见前面的例子。
100. 　　(7)getTime函数：返回系统时间。
101. 　　　
102. 程序代码
103. function GetTimeTest()
104. 　　　{
105. 　　　　var d, s, t;
106. 　　　　var MinMilli = 1000 * 60;
107. 　　　　var HrMilli = MinMilli * 60;
108. 　　　　var DyMilli = HrMilli * 24;
109. 　　　　d = new Date();
110. 　　　　t = d.getTime();
111. 　　　　s = "It's been "
112. 　　　　s += Math.round(t / DyMilli) + " days since 1/1/70";
113. 　　　　return(s);
114. 　　　}
115. 　　(8)getTimezoneOffset函数：返回此地区的时差(当地时间与GMT格林威治标准时间的地区时差)，单位为分钟。
116. 　　　
117. 程序代码
118. function TZDemo()
119. 　　　{
120. 　　　　var d, tz, s = "The current local time is ";
121. 　　　　d = new Date();
122. 　　　　tz = d.getTimezoneOffset();
124. 　　　　if (tz 的链接点的名称，另一个函数link设定的URL地址。
125. 　　(2)big函数：将字体加到一号，与...标签结果相同。
126. 　　(3)blink函数：使字符串闪烁，与...标签结果相同。
127. 　　(4)bold函数：使字体加粗，与...标签结果相同。
128. 　　(5)charAt函数：返回字符串中指定的某个字符。
129. 　　(6)fixed函数：将字体设定为固定宽度字体，与...标签结果相同。
130. 　　(7)fontcolor函数：设定字体颜色，与标签结果相同。
131. 　　(8)fontsize函数：设定字体大小，与标签结果相同。
132. 　　(9)indexOf函数：返回字符串中第一个查找到的下标index，从左边开始查找。
133. 　　(10)italics函数：使字体成为斜体字，与...标签结果相同。
134. 　　(11)lastIndexOf函数：返回字符串中第一个查找到的下标index，从右边开始查找。
135. 　　(12)length函数：返回字符串的长度。(不用带括号)
136. 　　(13)link函数：产生一个超级链接，相当于设定的URL地址。
137. 　　(14)small函数：将字体减小一号，与...标签结果相同。
138. 　　(15)strike函数：在文本的中间加一条横线，与...标签结果相同。
139. 　　(16)sub函数：显示字符串为下标字(subscript)。
140. 　　(17)substring函数：返回字符串中指定的几个字符。
141. 　　(18)sup函数：显示字符串为上标字(superscript)。
142. 　　(19)toLowerCase函数：将字符串转换为小写。
143. 　　(20)toUpperCase函数：将字符串转换为大写。
145. //校验是否全由数字组成
147. 程序代码
148. function isDigit(s)
149. {
150. var patrn=/^[0-9]{1,20}$/;
151. if (!patrn.exec(s)) return false
152. return true
153. }
155. //校验登录名：只能输入5-20个以字母开头、可带数字、“_”、“.”的字串
157. 程序代码
158. function isRegisterUserName(s)
159. {
160. var patrn=/^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){4,19}$/;
161. if (!patrn.exec(s)) return false
162. return true
163. }
165. //校验用户姓名：只能输入1-30个以字母开头的字串
167. 程序代码
168. function isTrueName(s)
169. {
170. var patrn=/^[a-zA-Z]{1,30}$/;
171. if (!patrn.exec(s)) return false
172. return true
173. }
175. //校验密码：只能输入6-20个字母、数字、下划线
177. 程序代码
178. function isPasswd(s)
179. {
180. var patrn=/^(w){6,20}$/;
181. if (!patrn.exec(s)) return false
182. return true
183. }
185. //校验普通电话、传真号码：可以“+”开头，除数字外，可含有“-”
187. 程序代码
188. function isTel(s)
189. {
190. //var patrn=/^[+]{0,1}(d){1,3}[ ]?([-]?(d){1,12})+$/;
191. var patrn=/^[+]{0,1}(d){1,3}[ ]?([-]?((d)|[ ]){1,12})+$/;
192. if (!patrn.exec(s)) return false
193. return true
194. }
196. //校验手机号码：必须以数字开头，除数字外，可含有“-”
198. 程序代码
199. function isMobil(s)
200. {
201. var patrn=/^[+]{0,1}(d){1,3}[ ]?([-]?((d)|[ ]){1,12})+$/;
202. if (!patrn.exec(s)) return false
203. return true
204. }
206. //校验邮政编码
208. 程序代码
209. function isPostalCode(s)
210. {
211. //var patrn=/^[a-zA-Z0-9]{3,12}$/;
212. var patrn=/^[a-zA-Z0-9 ]{3,12}$/;
213. if (!patrn.exec(s)) return false
214. return true
215. }
217. //校验搜索关键字
219. 程序代码
220. function isSearch(s)
221. {
222. var patrn=/^[^`~!@#$%^&*()+=|][]{}:;',.<>/?]{1}[^`~!@$%^&()+=|][]{}:;',.<>?]{0,19}$/;
223. if (!patrn.exec(s)) return false
224. return true
225. }
227. 程序代码
228. function isIP(s) //by zergling
229. {
230. var patrn=/^[0-9.]{1,20}$/;
231. if (!patrn.exec(s)) return false
232. return true
233. }

1. /**
2. * 全选的所有指定名称的checkbox
3. *@state　全选的checkbox的状态
4. *@name 表格中的所有checkbox的名称
5. *@author fangtf
6. *@type void
7. */
8. function selectAll(state,name) {
9. var ids = document.getElementsByName(name);

for (var i = 0 ; i < ids.length ; i++) { ids[i] .checked = state ; } } /** * 全选的所有指定id名称的同名checkbox *@state　全选的checkbox的状态 *@name 表格中的所有checkbox的名称 *@name 表格中的所有checkbox的id *@author fangtf *@type void */ function selectAllCheckboxByID(state,name,id) { var ids = document .getElementsByName(name); for (var i = 0 ; i < ids.length ; i++) { if(ids[i] .id == id) { ids[i] .checked = state ; } } } /** * 全选页面上所有的checkbox *@state　全选的checkbox的状态 *@author fangtf *@type void */ function selectAlls(state) { var inputs = document .getElementsByTagName("input"); for(var i = 0 ;i < inputs.length ;i++) { if(inputs[i] .type == "checkbox") { inputs[i] .checked = state ; } } } /** *得到鼠标所单击的行 *@type Object */ function GetRow(oElem) { while (oElem) { if (oElem.tagName.toLowerCase() == "tr" && oElem.parentElement.tagName.toLowerCase() == "tbody") { return oElem; } if (oElem.tagName.toLowerCase() == "table" || oElem.tagName.toLowerCase() == "th") { return false; } oElem oElem = oElem.parentElement; } } /** * 全选当前行的checkbox *@state　全选的checkbox的状态 *@author fangtf *@type void */ function selectRowCheckbox(state) { var row = GetRow (window.event.srcElement); var cells = row .childNodes; for(var i = 0 ;i < cells.length ;i++) { var cell = cells [i].childNodes[0]; if( cell.tagName == "INPUT") { cell.checked = state ; } } } /** *选中指定值的Radio *如：有两个radio, *第一个的 name = "ids" , value = "1" *第二个的 name = "ids" , value = "２" *调用方法selectRadio("ids","1"); *那么数值为１的Radio将被选中 *@name radio的名称 *@value radio的值 *@author fangtf *@type void */ function selectRadio(name,value) { var radioObject = document .getElementsByName(name); if( value === "") { radioObject[0] .checked = true ; return; } for (var i = 0 ; i < radioObject.length ; i++) { if(radioObject[i] .value == value) { radioObject[i] .checked = true ; break; } } } /** *选中指定值的checkbox *如：有两个checkbox, *第一个的 name = "ids" , value = "1" *第二个的 name = "ids" , value = "２" *第三个的 name = "ids" , value = "3" *调用这个方法selectCheckbox("ids","1,2")那么数值为１，２的checkbox将被选中 * *@name 要选中的checkbox数组的名称 *@value 判断时候选中的值 *@author fangtf *@type void */ function selectCheckbox(name,value) { var checkObject = document .getElementsByName(name); var value values = value.split(","); for(var j = 0 ; j < values.length ; j++) { for (var i = 0 ; i < checkObject.length ; i++) { if(checkObject[i] .value == values[j]) { checkObject[i] .checked = true ; break; } } } } /** *选中指定值的select *如：有一个名称为user的select * < option value = "0" > option > * < option value = "1" > option > *调用这个方法selectOption("user","0")那么选项为0的选项就被选中 * *@name String select的名称 *@value String 判断时候选中的值 *@author fangtf *@type void */ function selectOption(name,value) { document.getElementsByName(name)[0] .value =value; }

来自 “ ITPUB博客 ” ，链接：http://blog.itpub.net/7369349/viewspace-896307/，如需转载，请注明出处，否则将追究法律责任。

转载于:http://blog.itpub.net/7369349/viewspace-896307/