JavaScript制作簡單的日歷效果

2019-11-20 10:24:40

字體：大中小

來源：轉載

供稿：網友

本文實例為大家分享了

<!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>

效果圖：