预览加载中，请您耐心等待几秒...

国开电大JavaScript程序设计实训四：实现日期显示.pdf

预览
1/4
2/4
3/4
4/4

在线预览结束，喜欢就下载吧，查找使用更方便

下载提示 文本预览

如果您无法下载资料，请参考说明：

1、部分资料下载需要金币，请确保您的账户上有足够的金币

2、已购买过的文档，再次下载不重复扣费

3、资料包下载后请先用软件解压，在使用对应软件打开

1.题目 实现日期显示。 2.目的 （1）掌握Date对象的使用方法。 （2）掌握通过Date获得年月日的方法。 （3）巩固对多分支结构的掌握和应用。 （3）利用Date设计应用程序。 3.内容 结合一个具体应用的需求，实现日期的显示。 4.要求 （1）针对一个具体应用，设计日期显示的格式。 （2）用JavaScript实现日期的显示。 代码示例： <!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0 - <head> <metahttp--- <title></title> #box{width:295px;margin:0auto;text-align:justify;border:1pxsolid #ddd;padding:15px;} .d_num{display:inline-block;margin:10px;width:33px;height:30px; border:1pxsolid#ddd;text-align:center;line-height:30px;cursor: pointer;} .sum{margin:010px10px;line-height:30px;font-size:20px;} #sum{width:205px;height:30px;padding:05px;margin-left:5px; font-size:20px;} #process{width:255px;height:30px;padding:05px;margin-left:5px; font-size:20px;} </style> </head> <body> </div> </div> <div> <spandata- <spandata- <spandata- <spandata---</span> <spandata- </div> <div> <spandata- <spandata- <spandata- <spandata- <spandata- </div> <div> <spandata- <spandata- <spandata- <spandata- <spandata---</span> </div> <div> <spandata- <spandata- <spandata- <spandata- <spandata- </div> </div> var$box=document.getElementById('box'); var$sum=document.getElementById('sum'); var$process=document.getElementById('process'); varsum=0,process='',num1='',num2='',temp='',statu=false; $box.onclick=function(e){ varevent=window.event||e; varele=event.srcElement||event.target; var_className=ele.className; if(_className=='d_num'){