本文实例为大家分享了网页版日历代码，供大家参考，具体内容如下
效果图：
实现代码：
<html>
<head>
<link rel="stylesheet" type="text/css" href="Skin.css">
<style>
<!--
table{ text-align: center }
-->
</style>
</head>
<body>
<div>
<script language="javascript">
var my = new Date();
function showc() {
var k=1;
var j=1;
var today;
var tomonth;
var theday=1;//日期
var max;
var temp;
var tempday;//这个月第一天的星期
document.write ("<b>" + my.getFullYear() + "-" + (my.getMonth()+1) + "</b>");
document.write ("<table border='1' width='273' height='158'>");
document.write ("<tr>");
document.write ("<td height='23' width='39'><font color='red'>Sun</font></td>");
document.write ("<td height='23' width='39'>Mon</td>");
document.write ("<td height='23' width='39'>Tue</td>");
document.write ("<td height='23' width='39'>Wed</td>");
document.write ("<td height='23' width='39'>Thu</td>");
document.write ("<td height='23' width='39'>Fri</td>");
document.write ("<td height='23' width='39'>Sat</td>");
document.write ("</tr>");
temp=my.getDate();
my.setDate(1);
//document.write (my.getDate());
tempday=my.getDay();//返回第一天是星期几
my.setDate(temp);
today=my.getDay();//返回现在星期几
switch ((my.getMonth()+1)) {
case 1:
case 3:
case 5:
case 7:
case 8:
case 10:
case 12:
max=31;
break;
case 4:
case 6:
case 9:
case 11:
max=30;
break;
default:
max=29;//这里没有考虑闰月！！
//document.write (max);
}
for(k=0;k<6;k++) {
document.write ("<tr>");
for(j=0;j<=6;j++) {
document.write ("<td height='23' width='39'>");
if(j>=(tempday)) {
tempday=0;//设置为最小，相当于取消判断条件
if(theday<=max) {
document.write ("<a-" + (my.getMonth()+1) + "-" +theday + " target='_blank' href=detail.asp?date=" + theday + ">");
if(theday==my.getDate())
document.write ("<font color='green'>[" + theday + "]</font></a>");
else if(j==0)
document.write ("<font color='red'>" + theday + "</font></a>");
else
document.write (theday + "</a>");
theday++;
}
}
document.write ("</td>");
}
document.write ("</tr>");
}
document.write ("</table>");
}
showc();
</script>
</div>
<body>
</html>
以上就是本文的全部内容，希望大家可以轻松实现网页版日历。
- 2012年苏州高新区面向社会认定教师资格通过人员名单
- 重庆市巫山县2012年度注册计量师资格考试考务通知
- 2012年度盐城市国际商务专业人员职业资格考试有关事项的通知
- 2012年度国际商务专业人员职业资格考试盐城市各县（市、区）审核点地址
- 2012年度国际商务专业人员职业资格考试用书书目
- 2012年度国际商务专业人员职业资格考试外经贸外语口语考试基本程序及要求
- 2012年度国际商务专业人员职业资格考试工作计划
- 考试咨询司法考试学历有限制吗，专科（保山市）能考吗
- 2012年无锡惠山区教师资格认定结果的通知
- 2012年山东省面向社会教师资格考试公告
- 2012年南通市港闸区教师资格认定能力测试合格人员名单公示
- 2012年盐城市阜宁县领取教师实施新课程综合能力考核证书的通知
- 2012年苏州市平江区领取面向社会认定的《教师资格证书》通知
- 教师资格证？
- 2012年苏州市沧浪区领取新认定教师资格证书的通知
- 2012年泰安市面向社会开展教师资格考试及教师资格详细信息
- 2012年泰安市面向社会开展教师资格考试及教师资格认定工作日程安排
- 2012年泰安市教育局安排部署面向社会教师资格考试及认定工作
- 教师资格证相关问题？
- 教师资格认定申报？
- 2012年山东省面向社会认定教师资格教育学、教育心理学报名
- 2012年淮安市领取审计、统计、造价等五项考试证书的通知
- 昆明海关关于2012年度报关员资格全国统一考试有关事项的公告
- 总署发布2012年考试公告，西部考生可以高中学历报考
- 2012年度报关员资格全国统一考试有关事项公告
- trench warfare
- trench-warfare
- trend
- trend line
- trend-line
- trendsetter
- trendspotter
- trendy
- trepidation
- trespass
- 电量
- 电钟
- 电钮
- 电钻
- 电铃
- 电铲
- 电铸
- 电锤
- 电键
- 电锯
- 社区防火优秀宣传语标语
- 安全防火宣传语标语80句
- 关于防火的宣传语汇总
- 2020最新公司销售励志宣传语
- 保险公司励志宣传语标语80句
- 毕业班励志宣传语口号精选
- 关于初中学校励志宣传语汇总
- 八年级励志宣传语80句精选
- 初三励志优秀宣传语标语
- 最新公司励志口号宣传语