JavaScript制作簡(jiǎn)單的日歷效果

字號(hào):


    這篇文章主要為大家介紹了JavaScript制作簡(jiǎn)單的日歷效果實(shí)現(xiàn)代碼,感興趣的小伙伴們可以參考一下
    本文實(shí)例為大家分享了
    <!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>
    希望本文所述對(duì)大家學(xué)習(xí)javascript程序設(shè)計(jì)有所幫助。