编程 Javascript

JavaScript制作简单的日历效果

Posted in Javascript onMarch 10, 2016

本文实例为大家分享了

<!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程序设计有所帮助。

JavaScript制作简单的日历效果

- Author -

现实篇

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JS对外部文件的加载及对IFRMAME的加载的实现,当加载完成后,指定指向方法(方法回调)

Jul 04 Javascript

Webkit的跨域安全问题说明

Sep 13 Javascript

javascript的渐进增强与平稳退化浅谈

Nov 12 Javascript

iframe窗口高度自适应的实现方法

Jan 08 Javascript

浅谈Javascript中匀速运动的停止条件

Dec 19 Javascript

分享两个手机访问pc网站自动跳转手机端网站代码

Dec 24 Javascript

通过node-mysql搭建Windows+Node.js+MySQL环境的教程

Mar 01 Javascript

JavaScript实现字符串与日期的互相转换及日期的格式化

Mar 07 Javascript

jsp 网站引入外部css或者js失效问题解决

Oct 31 Javascript

Vue实现购物车功能

Apr 27 Javascript

详解javascript 变量提升（Hoisting）

Mar 12 Javascript

微信小程序登陆注册功能的实现代码

Dec 10 Javascript

js滑动提示效果代码分享

Mar 10 #Javascript

js实现页面跳转的五种方法推荐

Mar 10 #Javascript

js实现页面跳转的五种方法推荐

Mar 10 #Javascript

WordPress 单页面上一页下一页的实现方法【附代码】

Mar 10 #Javascript

JavaScript资源预加载组件和滑屏组件的使用推荐

Mar 10 #Javascript

node.js实现爬虫教程

Aug 25 #Javascript