189 8069 5689

JavaScript常用函数积累

页面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://cdxtjz.com/article/pspgjc.html

其他资讯