网页制作的考试例子.docx
《网页制作的考试例子.docx》由会员分享，可在线阅读，更多相关《网页制作的考试例子.docx（18页珍藏版）》请在冰点文库上搜索。
网页制作的考试例子
实例1验证E-mail是否正确
验证E-mail是否正确
--
functioncheckemail（）
{
varemail=document.getElementById（"dianyou"）;
varstr=email.value;
if（str==null||str==""）
{
alert（"请输入电子邮件"）;
email.focus（）;
}
else
{
//varregExp=/\w+（[-+.]\w+）*@\w+（[-.]
\w+）*\.\w+（[-.]\w+）*/;
varregExp=/^（[a-zA-Z0-9_-]）+@（[a-zA-
Z0-9_-]）+（\.[a-zA-Z0-9_-]）+/;
vararr=regExp.test（str）;
if（arr==false）
{
alert（"电子邮件错误"）;
email.focus（）;
}
}
}
-->
请输入E-Mail地址
value="测试"onClick="checkemail（）;">
实例2验证手机号码是否正确
验证手机号码是否正确
--
functioncheckmobnum（）
{
varmobnum=document.getElementById（"shouji"）;
varstr=mobnum.value;
if（str==null||str==""）
{
alert（"请输入手机号码"）;
mobnum.focus（）;
}
else
{
varregExp=/^（86）?
（（13\d{9}）|（15[0,1,2,3,5,6,7,8,9]\d{8}）|（18[0,5,6,7,8,9]\d{8}））$/;
if（!
regExp.test（str））
{
alert（"手机号码错误"）;
mobnum.focus（）;
}
}
}
-->
请输入手机号码
实例3计算日期相差的天数
计算日期相差的天数
--
functioncheckDate（dateStr）
{
if（dateStr==""||dateStr==null）
{returnfalse;}
else
{
if（dateStr.indexOf（"-"）!
=-1）
{
vardateArr=dateStr.split（"-"）;
varyear=dateArr[0];
varmonth=dateArr[1];
varday=dateArr[2];
if（isNaN（year）||year<=0）
{returnfalse;}
if（isNaN（month）||month<=0||month>12）
{returnfalse;}
if（isNaN（day）||day<=0||day>31）
{returnfalse;}
if（（year%4==0&&year%100!
=0）||（year%400==0））
{
if（month==2）
{
if（day>29）
{returnfalse;}
}
}
else
{
if（month==2）
{
if（day>28）
{returnfalse;}
}
}
varm1=newArray（1,3,5,7,8,10,12）;
for（vari=0;i{
if（parseInt（month）==m1[i]）
{
if（day>31）
{returnfalse;}
}
}
varm2=newArray（4,6,9,11）;
for（varj=0;j{
if（parseInt（month）==m2[j]）
{
if（day>30）
{returnfalse;}
}
}
}
else
{returnfalse;}
}
returntrue;
}
functiongetDays（date1,date2）
{
vardate1Str=date1.split（"-"）;
vardate1Obj=newDate（date1Str[0],（date1Str[1]-1）,date1Str[2]）;
vardate2Str=date2.split（"-"）;
vardate2Obj=newDate（date2Str[0],（date2Str[1]-1）,date2Str[2]）;
vart1=date1Obj.getTime（）;
vart2=date2Obj.getTime（）;
vardatetime=1000*60*60*24;
varminusDays=Math.floor（（（t2-t1）/datetime））;
vardays=Math.abs（minusDays）;
returndays;
}
functioncheck（）
{
varstart_date=document.getElementById（"start_date"）.value;
varend_date=document.getElementById（"end_date"）.value;
if（start_date==""）
{
alert（"请输入开始日期！
"）;
return;
}
else
{
if（!
checkDate（start_date））
{
alert（"您输入的开始日期无效！
"）;
return;
}
}
if（end_date==""）
{
alert（"请输入终止日期！
"）;
return;
}
else
{
if（!
checkDate（end_date））
{
alert（"您输入的终止日期无效！
"）;
return;
}
}
document.getElementById（"minusDay"）.value=getDays（start_date,end_date）;
}
//-->
| 请输入开始日期：
|
| 请输入终止日期：
|
（格式为：
YYYY-MM-DD）
|
| 相差的天数为：
|
|
实例4将人口数分位显示
将人口数分位显示
functioncompart（lang_num）
{
varresult=0;
vardec="";
if（lang_num<4）
{result=lang_num;}
else
{
vardecimal=lang_num.indexOf（"."）;
vartemp="";
varres="";
if（decimal>0）
{
dec=lang_num.substr（decimal）;
res=lang_num.substr（0,decimal）;
}
else
{res=lang_num;}
for（vari=res.length;i>0;i=i-3）
{
if（i-3>0）
{temp=","+res.substr（i-3,3）+temp;}
else
{temp=res.substr（0,i）+temp;}
}
result=temp+dec;
}
returnresult;
}
functionconvert（）
{
varlang_number=document.getElementById（"lang_number"）.value;
if（lang_number==""）
{
alert（"请输入数字！
"）;
document.getElementById（"lang_number"）.focus（）;
return;
}
if（isNaN（lang_number））
{
alert（"您输入的数字无效！
"）;
document.getElementById（"lang_number"）.focus（）;
return;
}
document.getElementById（"result_num"）.value=compart（lang_number）;
}
| 请输入人口总数： |
|
| 转换结果： |
|
|
实例5实现可编辑的表格
实现可编辑的表格
varinputObj=document.createElement（"input"）;
inputObj.type="text";
varcurCell;
functionedit（event）
{
if（event==null）
{curCell=window.event.srcElement;}
else
{curCell=event.target;}
inputObj.value=curCell.innerHTML;
inputObj.onblur=end;
curCell.innerHTML="";
curCell.appendChild（inputObj）;
}
functionend（）
{
curCell.innerHTML=inputObj.value;
}
JavaWeb范例大全
.NET范例大全
C#范例大全
PHP范例大全
|
JavaWeb编程宝典
.NET编程宝典
C#编程宝典
PHP编程宝典
|
JavaWeb典型模块大全
.NET典型模块大全
C#典型模块大全
PHP典型模块大全
|
实例6实现下拉菜单效果
实现下拉菜单效果
#sddm{margin:
0auto;
padding:
0;
z-index:
30;
background-color:
#F4F4F4;
width:
480px;
height:
23px;}
#sddmli{margin:
0;
padding:
0;
list-style:
none;
float:
left;
font:
bold12pxarial}
#sddmlia{display:
block;
margin:
01px00;
padding:
4px10px;
width:
80px;
background:
#5970B2;
color:
#FFF;
text-align:
center;
text-decoration:
none}
#sddmlia:
hover{background:
#49A3FF}
#sddmdiv{position:
absolute;
visibility:
hidden;
margin:
0;
padding:
0;
background:
#EAEBD8;
border:
1pxsolid#5970B2}
#sddmdiva{position:
relative;
display:
block;
margin:
0;
padding:
5px10px;
width:
auto;
white-space:
nowrap;
text-align:
left;
text-decoration:
none;
background:
#EAEBD8;
color:
#2875DE;
font:
12pxarial}
#sddmdiva:
hover{background:
#49A3FF;
color:
#FFF}
--
vartimeout=500;
varclosetimer=0;
varddmenuitem=0;
functionmopen（id）
{
mcancelclosetime（）;
if（ddmenuitem）ddmenuitem.style.visibility='hidden';
ddmenuitem=document.getElementById（id）;
ddmenuitem.style.visibility='visible';
}
functionmclose（）
{
if（ddmenuitem）
ddmenuitem.style.visibility='hidden';
}
functionmclosetime（）
{
closetimer=window.setTimeout（mclose,timeout）;
}
functionmcancelclosetime（）
{
if（closetimer）
{
window.clearTimeout（closetimer）;
closetimer=null;
}
}
document.onclick=mclose;
//-->
center">
主页
最新更新
热点排行
推荐阅读