一个简单的日历代码 (For: FF1+ IE5+ Opr7+)测试

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312"> 
<head> 
<head> 
<title> Basic Calendar </title> 
<meta http-equiv="content-type" content="text/html; charset=gb2312" /> 
<style type="text/css"> 
.main { 
width:200px; 
border:0px solid black; 
text-align:center; 
} 
.month { 
background-color:black; 
font:bold 12px verdana; 
color:white; 
} 
.daysofweek { 
background-color:gray; 
font:bold 12px verdana; 
color:white; 
} 
.days { 
font-size: 12px; 
font-family:verdana; 
color:black; 
background-color: lightyellow; 
padding: 2px; 
} 
.days #today{ 
font-weight: bold; 
color: red; 
} 
</style> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%0D%0Afunction%20buildCal(m%2C%20y%2C%20cM%2C%20cH%2C%20cDW%2C%20cD%2C%20brdr)%7B%20%0D%0Avar%20mn%3D%5B'January'%2C'February'%2C'March'%2C'April'%2C'May'%2C'June'%2C'July'%2C'August'%2C'September'%2C'October'%2C'November'%2C'December'%5D%3B%20%0D%0Avar%20dim%3D%5B31%2C0%2C31%2C30%2C31%2C30%2C31%2C31%2C30%2C31%2C30%2C31%5D%3B%20%0D%0A%0D%0Avar%20oD%20%3D%20new%20Date(y%2C%20m-1%2C%201)%3B%20%2F%2FDD%20replaced%20line%20to%20fix%20date%20bug%20when%20current%20day%20is%2031st%20%0D%0AoD.od%3DoD.getDay()%2B1%3B%20%2F%2FDD%20replaced%20line%20to%20fix%20date%20bug%20when%20current%20day%20is%2031st%20%0D%0A%0D%0Avar%20todaydate%3Dnew%20Date()%20%2F%2FDD%20added%20%0D%0Avar%20scanfortoday%3D(y%3D%3Dtodaydate.getFullYear()%20%26%26%20m%3D%3Dtodaydate.getMonth()%2B1)%3F%20todaydate.getDate()%20%3A%200%20%2F%2FDD%20added%20%0D%0A%0D%0Adim%5B1%5D%3D(((oD.getFullYear()%25100!%3D0)%26%26(oD.getFullYear()%254%3D%3D0))%7C%7C(oD.getFullYear()%25400%3D%3D0))%3F29%3A28%3B%20%0D%0Avar%20t%3D'%3Cdiv%20class%3D%22'%2BcM%2B'%22%3E%3Ctable%20class%3D%22'%2BcM%2B'%22%20cols%3D%227%22%20cellpadding%3D%220%22%20border%3D%22'%2Bbrdr%2B'%22%20cellspacing%3D%220%22%3E%3Ctr%3E'%3B%20%0D%0At%2B%3D'%3Ctd%20colspan%3D%227%22%20class%3D%22'%2BcH%2B'%22%3E'%2Bmn%5Bm-1%5D%2B'%20-%20'%2By%2B'%3C%2Ftd%3E%3C%2Ftr%3E%3Ctr%3E'%3B%20%0D%0Afor(s%3D0%3Bs%3C7%3Bs%2B%2B)t%2B%3D'%3Ctd%20class%3D%22'%2BcDW%2B'%22%3E'%2B%22SMTWTFS%22.substr(s%2C1)%2B'%3C%2Ftd%3E'%3B%20%0D%0At%2B%3D'%3C%2Ftr%3E%3Ctr%3E'%3B%20%0D%0Afor(i%3D1%3Bi%3C%3D42%3Bi%2B%2B)%7B%20%0D%0Avar%20x%3D((i-oD.od%3E%3D0)%26%26(i-oD.od%3Cdim%5Bm-1%5D))%3F%20i-oD.od%2B1%20%3A%20'%20'%3B%20%0D%0Aif%20(x%3D%3Dscanfortoday)%20%2F%2FDD%20added%20%0D%0Ax%3D'%3Cspan%20id%3D%22today%22%3E'%2Bx%2B'%3C%2Fspan%3E'%20%2F%2FDD%20added%20%0D%0At%2B%3D'%3Ctd%20class%3D%22'%2BcD%2B'%22%3E'%2Bx%2B'%3C%2Ftd%3E'%3B%20%0D%0Aif(((i)%257%3D%3D0)%26%26(i%3C36))t%2B%3D'%3C%2Ftr%3E%3Ctr%3E'%3B%20%0D%0A%7D%20%0D%0Areturn%20t%2B%3D'%3C%2Ftr%3E%3C%2Ftable%3E%3C%2Fdiv%3E'%3B%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E">  
</head> 
<body> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%0D%0A%0D%0Avar%20todaydate%3Dnew%20Date()%20%0D%0Avar%20curmonth%3Dtodaydate.getMonth()%2B1%3B%20%2F%2Fget%20current%20month%20(1-12)%20%0D%0Avar%20curyear%3Dtodaydate.getFullYear()%3B%20%2F%2Fget%20current%20year%20%0D%0A%0D%0Adocument.write(buildCal(curmonth%2C%20curyear%2C%20%22main%22%2C%20%22month%22%2C%20%22daysofweek%22%2C%20%22days%22%2C%200))%3B%20%0D%0A%3C%2Fscript%3E"> 
</body> 
</html>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程