JavaScript製作簡單的日曆效果,javascript製作日曆

來源:互聯網
上載者:User

JavaScript製作簡單的日曆效果,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程式設計有所協助。

您可能感興趣的文章:
  • JS日曆 推薦
  • js日曆控制項(可精確到分鐘)
  • JS學習之一個簡易的日曆控制項
  • 簡單JavaScript日曆及詳細說明
  • js日曆功能對象
  • 修改js Calendar日曆控制項 相容IE9/Google/Firefox
  • 簡約JS日曆控制項 執行個體代碼
  • 純js簡單日曆實現代碼
  • js實現日曆可獲得指定日期周數及星期幾樣本分享(js擷取星期幾)
  • 輕量級的原生js日曆外掛程式calendar.js使用指南

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.