js-Date()对象,get/setFullYear(),getDay()编程练习

啥也不说!看代码

  主要注意:getday()方法中原理!!!

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Date对象的使用</title>
 6     <style>
 7         #get_fullyear{
 8             height: 200px;
 9             background-color: pink;
10         }
11     </style>
12     <script>
13         // 返回年份  getFullYear() 将获取到的值写入div 
14         function getfullyear(){
15             var mydate = new Date();
16             var myfullyear = mydate.getFullYear()
17             document.getElementById("get_fullyear").innerHTML=myfullyear;
18         }
19         //设置年份  setFullYear() 将修改后的值写入div
20         function setfullyear() {
21             // 获取文本框(#txt)中的值   
22         var mytxtfullyear = parseInt(document.getElementById("txt").value);
23             // 获取对象Date
24         var mydate = new Date();
25             // 将获取到的值写入
26         mydate.setFullYear(mytxtfullyear);
27         var mysetfullyear = mydate.getFullYear();
28         document.getElementById("get_fullyear").innerHTML = mysetfullyear;
29         }
30         function getday(){
31             var mydate = new Date();
32             var myarrday = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
33             var mygetday = myarrday[mydate.getDay()];
34             document.getElementById("get_fullyear").innerHTML=mygetday;
35         }
36     </script>
37 </head>
38 <body>
39     <div id="get_fullyear">
40     </div>
41         <input type="button" value="点击获取年份!" onclick="getfullyear()"><br />
42         <input type="text" id="txt">
43         <!-- 将text的value默认值设置为当前年份 -->
44         <script>
45             var mydate = new Date();
46             var myfullyear = mydate.getFullYear();
47             document.getElementById("txt").value = myfullyear;
48         </script>
49         <input type="button" value="点击设置年份" onclick="setfullyear()"><br />
50         <input type="button" value="点击获取今天的周几?" onclick="getday()">
51 </body>
52 </html>

猜你喜欢

转载自www.cnblogs.com/Mykebai/p/9318017.html