您的位置: 首页  >  文章  >  JavaScript常用函数积累

JavaScript常用函数积累

分类: 文章 • 2022-05-01 12:06:10
页面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)) 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. 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;iinputs.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;
  • }
  • oElemoElem = 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;icells.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 valuevalues = 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
  • *optionvalue="0">option> />
  • *optionvalue="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; />
  • }

    • 相关推荐