国开电大-JavaScript程序设计-实训四：实现日期显示(1).docx

1. 题目 实现日期显示。 2. 目的 （1）掌握Date对象的使用方法。 （2）掌握通过Date获得年月日的方法。 （3）巩固对多分支结构的掌握和应用。 （3）利用Date设计应用程序。 3. 内容 结合一个具体应用的需求，实现日期的显示。 4. 要求 （1）针对一个具体应用，设计日期显示的格式。 （2）用JavaScript实现日期的显示。 代码示例： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN /TR/xhtml1/DTD/xhtml1-strict.dtd head meta http-equiv=Content-Type content=text/html; charset=utf-8 / title/title style type=text/css #box{width: 295px; margin: 0 auto; text-align: justify; border: 1px solid #ddd; padding: 15px;} .d_num{display: inline-block; margin: 10px; width: 33px; height: 30px; border: 1px solid #ddd; text-align: center; line-height: 30px; cursor: pointer;} .sum{margin: 0 10px 10px; line-height: 30px; font-size: 20px;} #sum{width: 205px; height: 30px; padding: 0 5px; margin-left: 5px; font-size: 20px;} #process{width: 255px; height: 30px; padding: 0 5px; margin-left: 5px; font-size: 20px;} /style /head body div id=box div class=sum input type=text name=process id=process value=0 / /div div class=sum SUM:input type=text name=sum id=sum value=0 / /div div span data-num=1 class=d_num1/span span data-num=2 class=d_num2/span span data-num=3 class=d_num3/span span data-num=- class=d_num-/span span data-num=C class=d_numC/span /div div span data-num=4 class=d_num4/span span data-num=5 class=d_num5/span span data-num=6 class=d_num6/span span data-num=* class=d_num*/span span data-num=/ class=d_num//span /div div span data-num=7 class=d_num7/span span data-num=8 class=d_num8/span span data-num=9 class=d_num9/span span data-num=+ class=d_num+/span span data-num=- class=d_num-/span /div div span data-num=0 class=d_num0/span span data-num=00 class=d_num00/span span data-num=. class=d_num./span span data-num=% class=d_num%/span span data-num== class=d_num=/span /div /div script type=text/javascript var $box = document.getElementById(box); var $sum = document.getElementById(sum); var $process = document.getElementById(proces