JavaScript在WEB编程中能起到很大的作用,将一些常用的功能写成JavaScript类库。
将下面代码保存为Common.js
类库功能:
1.Trim(str)--去除字符串两边的空格
2.XMLEncode(str)--对字符串进行XML编码
3.ShowLabel(str,str)--鼠标提示功能(显示字符,提示字符)
可以设置显示的提示的文字的字体、颜色、大小以及提示的背景颜色、边框等
4.IsEmpty(obj)--验证输入框是否为空
5.IsInt(objStr,sign,zero)--验证是否为整数,正整数,负整数,以及是否包括零
6.IsFloat(objStr,sign,zero)--验证是否为浮点数,正浮点,负浮点,以及是否包括零
7.IsEnLetter(objStr,size)--验证是否为26个字母,大写小
/* 名字:Common.js 功能:通用JavaScript脚本函数库 包括: 1.Trim(str)--去除字符串两边的空格 2.XMLEncode(str)--对字符串进行XML编码 3.ShowLabel(str,str)--鼠标提示功能(显示字符,提示字符) 4.IsEmpty(obj)--验证输入框是否为空 5.IsInt(objStr,sign,zero)--验证是否为整数 6.IsFloat(objStr,sign,zero)--验证是否为浮点数 7.IsEnLetter(objStr,size)--验证是否为26个字母 作者:申旺 /* /* /* if (whitespace.indexOf(s.charAt(s.length-1)) != -1) /* /* /* function IsEmpty(obj) /* /* /* IsEnLetter(string,string):测试字符串,大小写(UL,U,L or ul,u,l) */ function IsEnLetter(objStr,size) { var reg;
if(Trim(objStr)=="") { return false; } else { objStr=objStr.toString(); }
if((size==null)||(Trim(size)=="")) { size="UL"; } else { size=size.toUpperCase(); }
switch(size) { case "UL": //大小写 reg=/^[A-Za-z]+$/; break; case "U": //大写 reg=/^[A-Z]+$/; break; case "L": //小写 reg=/^[a-z]+$/; break; default: alert("检查大小写参数,只可为(空、UL、U、L)"); return false; break; }
var r=objStr.match(reg); if(r==null) { return false; } else { return true; } } /* ================================================================================ 功能:鼠标小提示 作者:申旺 日期:2004/04/15 ================================================================================ */ //定义变量、设置默认值 var LabelFontFace="宋体,arial,Verdana"; var LabelFontColor="#000000"; var LabelFontSize="9pt"; var LabelFontStyle="Font.PLAIN"; var LabelBorderColor="#000000"; var LabelBackColor="#FFFFE1"; //设置各个属性 function SetLabelFontFace(obj) { bj=Trim(obj); if(obj==null || bj=="") { obj="宋体,arial,Verdana"; } LabelFontFace=obj; } function SetLabelFontColor(obj) { bj=Trim(obj); if(obj==null || bj=="") { obj="#000000"; } LabelFontColor=obj; } function SetLabelFontSize(obj) { bj=Trim(obj); if(obj==null || bj=="") { obj="9pt"; } LabelFontSize=obj; } function SetLabelFontStyle(obj) { bj=Trim(obj); if(obj==null || bj=="") { obj="Font.PLAIN"; } LabelFontStyle=obj; } function SetLabelBorderColor(obj) { bj=Trim(obj); if(obj==null || bj=="") { obj="#000000"; } LabelBorderColor=obj; } function SetLabelBackColor(obj) { bj=Trim(obj); if(obj==null || bj=="") { obj="#FFFFE1"; } LabelBackColor=obj; } //合成文字样式 function SetTextStyle(str) { var strRet="";
var strStyle="";
strStyle="font-family:"+LabelFontFace+";"; strStyle+="color:"+LabelFontColor+";"; strStyle+="font-size:"+LabelFontSize+";";
switch(LabelFontStyle.toLowerCase()) { case "font.plain": strStyle+="font-weight: normal;"; strStyle+="font-style. normal;"; break; case "font.bold": strStyle+="font-weight: bold;"; strStyle+="font-style. normal;"; break; case "font.italic": strStyle+="font-weight: normal;"; strStyle+="font-style. italic;"; break; case "font.italicbold": case "font.bolditalic": strStyle+="font-weight: bold;"; strStyle+="font-style. italic;"; break; default: strStyle+="font-weight: bold;"; strStyle+="font-style. italic;"; break; }
strRet="<font style='"+strStyle+"'>"; strRet+=" "+str+" "; strRet+="</font>";
return strRet; } //合成表格样式 function SetTableStyle() { var strRet="";
strRet+="border-right: "+LabelBorderColor+" 1px solid;"; strRet+="border-top: "+LabelBorderColor+" 1px solid;"; strRet+="border-left: "+LabelBorderColor+" 1px solid;"; strRet+="border-bottom: "+LabelBorderColor+" 1px solid;"; strRet+="background-color:"+LabelBackColor;
return strRet; } //显示提示 function ShowNote(str) { var strHtml;
strHtml=""; strHtml+="<table height=1px width=1px border='0'cellspacing='0' cellpadding='0' style='" + SetTableStyle() + "'>"; strHtml+="<tr>"; strHtml+="<td>"+SetTextStyle(str)+"</td>"; strHtml+="</tr>"; strHtml+="</table>";
if (document.all&&document.readyState=="complete") { document.all.div_Note.innerHTML=strHtml; document.all.div_Note.style.pixelLeft=event.clientX+document.body.scrollLeft+10 document.all.div_Note.style.pixelTop=event.clientY+document.body.scrollTop+10 document.all.div_Note.style.visibility="visible" } } //隐藏提示 function HideNote() { if (document.all) { document.all.div_Note.style.visibility="hidden"; } else { if (document.layers) { clearInterval(currentscroll) document.div_Note.visibility="hidden"; } } } //初始化 function Init() { } Init(); //生成提示字符 function ShowLabel(text,note,bclick) { if(bclick!=null) { } else { return "<a href=/"#/" nMouseOver=/"ShowNote('" + note + "')/" nMouseOut=/"HideNote()/">" + text + "</a>"; } } 测试页面: <HTML> <HEAD> <title>Common JavaScript</title> <script. language="javascript" src="./Common.js"></script> <script. language="javascript"> function CheckInt() { iptResult.value=IsInt(iptTest.value,iptSign.value,iptZero.value); }
function CheckFloat() { iptResult.value=IsFloat(iptTest.value,iptSign.value,iptZero.value); }
function CheckLetter() { iptResult.value=IsEnLetter(iptTest.value,iptSign.value); } document.write(ShowLabel("TEST","Only a testing!")); document.write("<br>"); </script> <meta. http-equiv="expires" content="0"> </HEAD> <body> <input type=text value="" id="iptTest"><input type=button value="IsEmpty" nclick="IsEmpty('iptTest');"> <input type=button value="CheckInt" nclick="CheckInt()"> <br> <br> <br> <input type=text value="" id=iptResult disabled=true> </body> </HTML> |