JavaScript制作简单的日历效果

本文实例为大家分享了

<!DOCTYPE html>

<html>

<head>

<meta charset="gb2312">

<title></title>

</head>

<body>

<script>

document.write("<table>");

document.write("<th colspan='7'>2016年3月</th>");

document.write("<tr id='titleCss'>");

document.write("<td>日</td>");

document.write("<td>一</td>");

document.write("<td>二</td>");

document.write("<td>三</td>");

document.write("<td>四</td>");

document.write("<td>五</td>");

document.write("<td>六</td>");

document.write("</tr>");

var num=1;

// for(var i=0;i<5;i++){

// document.write("<tr>");

//

// for(var j=0;j<7;j++){

// if(i==0 && j<2) document.write("<td></td>");

// else if(i==4 && j>=5) document.write("<td></td>");

// else document.write("<td>" + num++ +"</td>");

// }

// document.write("</tr>");

// }

document.write("<tr>");

document.write("<td></td>");

document.write("<td></td>");

for(var i=3;i<=33;i++){

document.write("<td>" + num++);

if((i%7)==0) document.write("</td></tr><tr>");

else document.write("</td>");

}

document.write("<td></td>");

document.write("<td></td>");

document.write("</tr>");

document.write("</table>");

</script>

</body>

</html>

效果图:

希望本文所述对大家学习javascript程序设计有所帮助。

以上是 JavaScript制作简单的日历效果 的全部内容, 来源链接: utcz.com/z/351246.html

回到顶部