页面JS函数[@more@]

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

创新互联于2013年开始，先为温宿等服务建站，温宿等地企业，进行企业商务咨询服务。为温宿企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

@与羊共舞的狼

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. 　　　}
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))returnfalse
152. returntrue
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))returnfalse
162. returntrue
163. }
165. //校验用户姓名：只能输入1-30个以字母开头的字串
167. 程序代码
168. function isTrueName(s)
169. {
170. var patrn=/^[a-zA-Z]{1,30}$/;
171. if (!patrn.exec(s))returnfalse
172. returntrue
173. }
175. //校验密码：只能输入6-20个字母、数字、下划线
177. 程序代码
178. function isPasswd(s)
179. {
180. var patrn=/^(w){6,20}$/;
181. if (!patrn.exec(s))returnfalse
182. returntrue
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))returnfalse
193. returntrue
194. }
196. //校验手机号码：必须以数字开头，除数字外，可含有“-”
198. 程序代码
199. function isMobil(s)
200. {
201. var patrn=/^[+]{0,1}(d){1,3}[ ]?([-]?((d)|[ ]){1,12})+$/;
202. if (!patrn.exec(s))returnfalse
203. returntrue
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))returnfalse
214. returntrue
215. }
217. //校验搜索关键字
219. 程序代码
220. function isSearch(s)
221. {
222. var patrn=/^[^`~!@#$%^&*()+=|][]{}:;',.<>/?]{1}[^`~!@$%^&()+=|][]{}:;',.<>?]{0,19}$/;
223. if (!patrn.exec(s))returnfalse
224. returntrue
225. }
227. 程序代码
228. function isIP(s)//by zergling
229. {
230. var patrn=/^[0-9.]{1,20}$/;
231. if (!patrn.exec(s))returnfalse
232. returntrue
233. }

////////////////////////////////////////////////////////////////////////////////////////////////////////////

1. /**
2. * 全选的所有指定名称的checkbox
3. *@state　全选的checkbox的状态
4. *@name 表格中的所有checkbox的名称
5. *@author fangtf
6. *@type void
7. */
8. function selectAll(state,name) {
9. varids =document.getElementsByName(name);
10. for (vari =0; i
11. {
12. ids[i].checked =state;
13. }
14. }
16. /**
17. * 全选的所有指定id名称的同名checkbox
18. *@state　全选的checkbox的状态
19. *@name 表格中的所有checkbox的名称
20. *@name 表格中的所有checkbox的id
21. *@author fangtf
22. *@type void
23. */
24. function selectAllCheckboxByID(state,name,id) {
25. varids =document.getElementsByName(name);
26. for (vari =0; i
27. {
28. if(ids[i].id == id)
29. {
30. ids[i].checked =state;
31. }
33. }
34. }
36. /**
37. * 全选页面上所有的checkbox
38. *@state　全选的checkbox的状态
39. *@author fangtf
40. *@type void
41. */
42. function selectAlls(state)
43. {
44. varinputs =document.getElementsByTagName("input");
45. for(vari =0;i
46. {
47. if(inputs[i].type == "checkbox")
48. {
49. inputs[i].checked =state;
50. }
51. }
53. }
55. /**
56. *得到鼠标所单击的行
57. *@type Object
58. */
59. function GetRow(oElem) {
60. while (oElem) {
61. if (oElem.tagName.toLowerCase() == "tr" && oElem.parentElement.tagName.toLowerCase() == "tbody") {
62. return oElem;
63. }
64. if (oElem.tagName.toLowerCase() == "table" || oElem.tagName.toLowerCase() == "th") {
65. return false;
66. }
67. oElemoElem = oElem.parentElement;
68. }
69. }
71. /**
72. * 全选当前行的checkbox
73. *@state　全选的checkbox的状态
74. *@author fangtf
75. *@type void
76. */
77. function selectRowCheckbox(state)
78. {
79. varrow =GetRow(window.event.srcElement);
80. varcells =row.childNodes;
81. for(vari=0;i
82. {
83. varcell =cells[i].childNodes[0];
84. if(cell.tagName == "INPUT")
85. {
86. cell.checked =state;
87. }
88. }
89. }
91. /**
92. *选中指定值的Radio
93. *如：有两个radio,
94. *第一个的name="ids",value="1"
95. *第二个的name="ids",value="２"
96. *调用方法selectRadio("ids","1");
97. *那么数值为１的Radio将被选中
98. *@name radio的名称
99. *@value radio的值
100. *@author fangtf
101. *@type void
102. */
103. function selectRadio(name,value) {
104. varradioObject =document.getElementsByName(name);
105. if(value === "")
106. {
107. radioObject[0].checked =true;
108. return;
109. }
110. for (vari =0; i
111. {
112. if(radioObject[i].value == value)
113. {
114. radioObject[i].checked =true;
115. break;
116. }
118. }
119. }
121. /**
122. *选中指定值的checkbox
123. *如：有两个checkbox,
124. *第一个的name="ids",value="1"
125. *第二个的name="ids",value="２"
126. *第三个的name="ids",value="3"
127. *调用这个方法selectCheckbox("ids","1,2")那么数值为１，２的checkbox将被选中
128. *
129. *@name 要选中的checkbox数组的名称
130. *@value 判断时候选中的值
131. *@author fangtf
132. *@type void
133. */
134. function selectCheckbox(name,value) {
135. varcheckObject =document.getElementsByName(name);
136. varvaluevalues = value.split(",");
137. for(varj =0; j
138. {
139. for (vari =0; i
140. {
141. if(checkObject[i].value == values[j])
142. {
143. checkObject[i].checked =true;
144. break;
145. }
146. }
147. }
149. }
151. /**
152. *选中指定值的select
153. *如：有一个名称为user的select
154. *
155. *
156. *调用这个方法selectOption("user","0")那么选项为0的选项就被选中
157. *
158. *@name String select的名称
159. *@value String 判断时候选中的值
160. *@author fangtf
161. *@type void
162. */
163. function selectOption(name,value)
164. {
165. document.getElementsByName(name)[0].value=value;
167. }

本文标题：JavaScript常用函数积累
当前链接：http://scgulin.cn/article/pspgjc.html