JavaScript制作简单的日历效果
更新时间：2016年03月10日 16:54:25 作者：现实篇
这篇文章主要为大家介绍了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验证香港身份证的格式或真实性的代码，具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
不用AJAX和IFRAME,说说真正意义上的ASP+JS无刷新技术
注明:以下方法都经过实例和开发的长期验证,其实这些技术早就有,今天只不过自己归纳一下2008-09-09
大家经常可以见到javascript中的一些数据类型，比如“undefined”、“boolean”、“string”等等，这篇文章就和大家一起来学习JavaScript基本数据类型及值类型和引用类型，有需要的童鞋参考下，本文写的不好地方，还望大家提出，共同学习进步2015-08-08
这篇文章主要介绍了Javascript数据结构与算法之列表详解,本文讲解了列表的抽象数据类型定义、如何实现列表类等内容,需要的朋友可以参考下2015-03-03
这篇文章主要介绍了js+canvas实现两张图片合并成一张图片的方法,结合实例形式分析了JavaScript结合HTML5 canvas实现图片合并的操作技巧,并附带了Java图片合并的实现方法,需要的朋友可以参考下2019-11-11
这篇文章给大家分享了通过函数作用域和块级作用域看javascript的作用域链的相关知识点内容，有兴趣的朋友参考学习下。2018-08-08
js遍历详解(forEach, map, for, for...in, for...of)
在本篇文章里小编给大家整理的是关于js中的各种遍历(forEach, map, for, for...in, for...of)相关知识点用法总结，需要的朋友们参考下。2019-08-08
date格式化想必大家并不陌生吧，本文就来看看javascript中是如何实现的，感兴趣的朋友可以参考下2013-09-09
这篇文章主要为大家详细介绍了微信小程序实现计时器，小程序点击事件触发计时器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-09-09
这篇文章主要介绍了JS Canvas接口和动画效果大全，对Canvas感兴趣的同学，可以参考下2021-04-04
最新评论