js技巧6

html] view plain copy print ?
  1. 169.动态修改CSS的另一种方式 
  2. this.runtimeStyle.cssText = "color:#990000;border:1px solid #cccccc";// 
  3.   
  4. 170.正则表达式 
  5. 匹配中文字符的正则表达式: [\u4e00-\u9fa5] 
  6.   
  7. 匹配双字节字符(包括汉字在内):[^\x00-\xff] 
  8.   
  9. 应用:计算字符串的长度(一个双字节字符长度计2,ASCII字符计1) 
  10.   
  11. String.prototype.len=function(){return this.replace([^\x00-\xff]/g,"aa").length;} 
  12.   
  13. 匹配空行的正则表达式:\n[\s| ]*\r 
  14.   
  15. 匹配HTML标记的正则表达式:/<(.*)>.*<\/\1>|<(.*) \/>
  16.   
  17. 匹配首尾空格的正则表达式:(^\s*)|(\s*$) 
  18.   
  19. 应用:javascript中没有像vbscript那样的trim函数,我们就可以利用这个表达式来实现,如下: 
  20.   
  21. String.prototype.trim = function() 
  22.     return this.replace(/(^\s*)|(\s*$)/g, ""); 
  23.   
  24. ////////利用正则表达式分解和转换IP地址: 
  25.   
  26. 下面是利用正则表达式匹配IP地址,并将IP地址转换成对应数值的Javascript程序: 
  27.   
  28. function IP2V(ip) 
  29. re=/(\d+)\.(\d+)\.(\d+)\.(\d+)/g  //匹配IP地址的正则表达式 
  30. if(re.test(ip)) 
  31. return RegExp.$1*Math.pow(255,3))+RegExp.$2*Math.pow(255,2))+RegExp.$3*255+RegExp.$4*1 
  32. else 
  33. throw new Error("Not a valid IP address!") 
  34.   
  35. 不过上面的程序如果不用正则表达式,而直接用split函数来分解可能更简单,程序如下: 
  36.   
  37. var ip="10.100.20.168" 
  38. ip=ip.split(".") 
  39. alert("IP值是:"+(ip[0]*255*255*255+ip[1]*255*255+ip[2]*255+ip[3]*1)) 
  40.   
  41. 匹配Email地址的正则表达式:\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)* 
  42.   
  43. 匹配网址URL的正则表达式:http://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)? 
  44.   
  45. //////////利用正则表达式去除字串中重复的字符的算法程序: 
  46.   
  47. var s="abacabefgeeii" 
  48. var s1=s.replace(/(.).*\1/g,"$1") 
  49. var re=new RegExp("["+s1+"]","g") 
  50. var s2=s.replace(re,"") 
  51. alert(s1+s2)  //结果为:abcefgi 
  52.   
  53. 思路是使用后向引用取出包括重复的字符,再以重复的字符建立第二个表达式,取到不重复的字符,两者串连。这个方 
  54.   
  55. 法对于字符顺序有要求的字符串可能不适用。 
  56.   
  57. //////////得用正则表达式从URL地址中提取文件名的javascript程序,如下结果为page1 
  58.   
  59. s="http://www.9499.net/page1.htm" 
  60. s=s.replace(/(.*\/){0,}([^\.]+).*/ig,"$2") 
  61. alert(s) 
  62.   
  63. /////////利用正则表达式限制网页表单里的文本框输入内容: 
  64.   
  65. 用正则表达式限制只能输入中文:onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" 
  66.   
  67. onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,'') 
  68.   
  69. )" 
  70.   
  71. 用正则表达式限制只能输入全角字符: onkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')" 
  72.   
  73. onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,'') 
  74.   
  75. )" 
  76.   
  77. 用正则表达式限制只能输入数字:onkeyup="value=value.replace(/[^\d]/g,'') 
  78.   
  79. "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" 
  80.   
  81. 用正则表达式限制只能输入数字和英文:onkeyup="value=value.replace(/[\W]/g,'') 
  82.   
  83. "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" 
  84.   
  85.    
  86. 171.设置和使用cookie 
  87. <HTML> 
  88. <BODY> 
  89. 设置与读取 cookies... 
  90. 写入cookie的值<input type=text name=gg> 
  91. <INPUT TYPE = BUTTON Value = "设置cookie" onClick = "Set()"> 
  92. <INPUT TYPE = BUTTON Value = "读取cookie" onClick = "Get()"> 
  93. <INPUT TYPE = TEXT NAME = Textbox> 
  94. </BODY> 
  95. <SCRIPT LANGUAGE="JavaScript"> 
  96. function Set() 
  97. var Then = new Date() 
  98. Then.setTime(Then.getTime() + 60*1000 ) //60秒 
  99. document.cookie = "Cookie1="+gg.value+";expires="+ Then.toGMTString() 
  100.   
  101. function Get() 
  102. var cookieString = new String(document.cookie) 
  103. var cookieHeader = "Cookie1=" 
  104. var beginPosition = cookieString.indexOf(cookieHeader) 
  105. if (beginPosition != -1) 
  106.   document.all.Textbox.value = cookieString.substring(beginPosition  + cookieHeader.length) 
  107. else 
  108.   document.all.Textbox.value = "Cookie 未找到!" 
  109. </SCRIPT> 
  110. </HTML>// 
  111.   
  112.    
  113. 172.取月的最后一天 
  114. function getLastDay(year,month) 
  115. //取年 
  116. var new_year = year
  117. //取到下一个月的第一天,注意这里传入的month是从1~12 
  118. var new_month = month++; 
  119. //如果当前是12月,则转至下一年 
  120. if(month>12) 
  121.   new_month -=12
  122.   new_year++; 
  123. var new_date = new Date(new_year,new_month,1); 
  124. return (new Date(new_date.getTime()-1000*60*60*24)).getDate(); 
  125. }// 
  126.   
  127. 173.判断当前的焦点是组中的哪一个 
  128. for(var i=0;i<3;i++) 
  129. if(event.srcElement==bb[i]) 
  130.   break;// 
  131.   
  132.    
  133.   
  134. 174.实现类 
  135. package com.baosight.view.utils; 
  136. import javax.servlet.jsp.tagext.TagSupport; 
  137. import javax.servlet.http.HttpSession; 
  138. public class Mytag extends TagSupport 
  139.   public int doStartTag() throws javax.servlet.jsp.JspException 
  140.   { 
  141.     boolean canAccess = false
  142.     HttpSession session= pageContext.getSession(); 
  143.     if (canAccess) 
  144.     { 
  145.       return EVAL_BODY_INCLUDE; 
  146.     } 
  147.     else 
  148.     { 
  149.       return this.SKIP_BODY; 
  150.     } 
  151.   } 
  152.   
  153. 175.在web.xml中添加定义 
  154.   <taglib> 
  155.     <taglib-uri>guoguo</taglib-uri> 
  156.     <taglib-location>/WEB-INF/abc.tld</taglib-location> 
  157.   </taglib> 
  158.   
  159.   
  160. 176.标签库中定义abc.tld 
  161. <?xml version="1.0" encoding="UTF-8"?> 
  162. <!DOCTYPE taglib PUBLIC "-//Sun Microsystems, Inc.//DTD JSP Tag Library 1.1//EN" 
  163. "http://java.sun.com/j2ee/dtds/web-jsptaglibrary_1_1.dtd"> 
  164. <taglib> 
  165. <tlibversion>1.0</tlibversion> 
  166. <jspversion>1.1</jspversion> 
  167. <shortname>hr</shortname> 
  168. <uri>guoguo</uri> 
  169. <info>Extra 3 Tag Library</info> 
  170. <tag> 
  171.   <name>mytag</name> 
  172.   <tagclass>com.baosight.view.utils.Mytag</tagclass> 
  173.   <attribute> 
  174.    <name>id2</name> 
  175.    <required>true</required> 
  176.             <rtexprvalue>true</rtexprvalue> 
  177.   </attribute> 
  178. </tag> 
  179. </taglib> 
  180.   
  181.   
  182. 177.在使用自定义标签的页面中加入自己定义的标签, 
  183. <%@ taglib uri="guoguo" prefix="guoguo" %> 
  184. //自己定义标签 
  185.   
  186.    
  187. 178.显示带边框的集 
  188. <fieldset style="border:1px gray solid;width:100px"> 
  189.   <legend>查询条件</legend> 
  190. dfdfdf 
  191. </fieldset>// 
  192.   
  193.   
  194. 179.【文件(F)】菜单中的命令的实现 

你可能感兴趣的:(js技巧6)