快捷導(dǎo)航

JavaScript制作簡單的日歷效果

更新時間：2016年03月10日 16:54:25 作者：現(xiàn)實篇

這篇文章主要為大家介紹了JavaScript制作簡單的日歷效果實現(xiàn)代碼，感興趣的小伙伴們可以參考一下

本文實例為大家分享了

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

效果圖：

希望本文所述對大家學(xué)習(xí)javascript程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

javascript驗證香港身份證的格式或真實性
本文分享了利用javascript驗證香港身份證的格式或真實性的代碼，具有很好的參考價值，下面跟著小編一起來看下吧
2017-02-02
不用AJAX和IFRAME,說說真正意義上的ASP+JS無刷新技術(shù)
注明:以下方法都經(jīng)過實例和開發(fā)的長期驗證,其實這些技術(shù)早就有,今天只不過自己歸納一下
2008-09-09
JavaScript基本數(shù)據(jù)類型及值類型和引用類型
大家經(jīng)?？梢砸姷絡(luò)avascript中的一些數(shù)據(jù)類型，比如“undefined”、“boolean”、“string”等等，這篇文章就和大家一起來學(xué)習(xí)JavaScript基本數(shù)據(jù)類型及值類型和引用類型，有需要的童鞋參考下，本文寫的不好地方，還望大家提出，共同學(xué)習(xí)進(jìn)步
2015-08-08
Javascript數(shù)據(jù)結(jié)構(gòu)與算法之列表詳解
這篇文章主要介紹了Javascript數(shù)據(jù)結(jié)構(gòu)與算法之列表詳解,本文講解了列表的抽象數(shù)據(jù)類型定義、如何實現(xiàn)列表類等內(nèi)容,需要的朋友可以參考下
2015-03-03
js+canvas實現(xiàn)兩張圖片合并成一張圖片的方法
這篇文章主要介紹了js+canvas實現(xiàn)兩張圖片合并成一張圖片的方法,結(jié)合實例形式分析了JavaScript結(jié)合HTML5 canvas實現(xiàn)圖片合并的操作技巧,并附帶了Java圖片合并的實現(xiàn)方法,需要的朋友可以參考下
2019-11-11
通過函數(shù)作用域和塊級作用域看javascript的作用域鏈
這篇文章給大家分享了通過函數(shù)作用域和塊級作用域看javascript的作用域鏈的相關(guān)知識點內(nèi)容，有興趣的朋友參考學(xué)習(xí)下。
2018-08-08
js遍歷詳解(forEach, map, for, for...in, for...of)
在本篇文章里小編給大家整理的是關(guān)于js中的各種遍歷(forEach, map, for, for...in, for...of)相關(guān)知識點用法總結(jié)，需要的朋友們參考下。
2019-08-08
javascript date格式化示例
date格式化想必大家并不陌生吧，本文就來看看javascript中是如何實現(xiàn)的，感興趣的朋友可以參考下
2013-09-09
微信小程序?qū)崿F(xiàn)計時器
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)計時器，小程序點擊事件觸發(fā)計時器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-09-09
JS Canvas接口和動畫效果大全
這篇文章主要介紹了JS Canvas接口和動畫效果大全，對Canvas感興趣的同學(xué)，可以參考下
2021-04-04