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使用指南