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高级程序设计（第三版）学习笔记1~5章
第2章，在html中使用JavaScriptHtml引入外部js脚本scripttype="text/javascript"src="test.js"两个/script之间不应放脚本，因为并不会被执行/scriptscript标签有一个defer属

JavaScript高级程序设计（第三版）学习笔记6、7章
第6章，面向对象的程序设计对象：1、数据属性configurable，表示能否通过delete删除属性从而重新定义属性，能否修改属性的特性，或能否把属性修改为访

JavaScript获取客户端IP的方法(新方法)
很久以来，我都是经过http://fw.qq.com/ipaddress来得到客户端用户的IP，这个方法简单、快速、实用。我们调用它的写法是：scripttype="text/javascript"src="http://fw.