JS 在HTML页面显示当前日期

最新推荐文章于 2024-03-27 16:07:26 发布

转载最新推荐文章于 2024-03-27 16:07:26 发布 · 895 阅读

6 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/guozhihua/p/10307630.html

文章标签：

#javascript #ViewUI

本文介绍如何使用JavaScript的Date对象获取当前日期，并利用document.write()将日期信息输出到HTML页面上。通过实例代码，详细解释了Date对象的方法，如getFullYear(), getMonth(), getDate(), getDay()等，以及如何使用charAt()方法从字符串中提取星期几。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

代码如下：

<!DOCTYPE html>
  <html>
     <head>
          <meta charset="utf-8" />
<title></title>
     </head>
     <body>
           <div style="background-color:yellow;">
             <span>
                   <script type="text/javascript">
                     var date = new Date();
                     document.write("今天是：" + date.getFullYear() + "年" + (date.getMonth() + 1) + "月" + date.getDate() + "日" + " 星期" + "日一二三四五六".charAt(date.getDay()));
                   </script>
             </span>
         </div>
    </body>
 </html>

结果显示为

 var date = new Date();  声明一个名称为date的对象，赋值为new Date(); new Date();表示创建了一个日期对象,返回值为当前日期。
 document.write();       向输出流（文档）写入文本或HTML。
 date.getFullYear()      从Date对象以四位数字返回年份
 date.getMonth()+1       从Date对象返回月份（0-11），返回当前月份需+1。  
 date.getDate()          从Date对象返回一个月中的某一天（1-31）。
 stringObject.charAt(index)           方法可返回指定位置的字符。index表示字符串中某个位置的数字，即字符在字符串中的下标
 date.getDay()           从 Date 对象返回一周中的某一天 (0 ~ 6)。0为星期日。
 
"日一二三四五六".charAt(date.getDay())  就是date.getDay()返回0~6数字，同时代表"日一二三四五六"字符串的下标。