温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

JavaScript常用函数积累

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

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

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

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI