| 标题 | JavaScript制作简单的日历效果 |
| 内容 | 这篇文章主要为大家介绍了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程序设计有所帮助。 |
| 随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。