JavaScrip-T5(2022年11月21日移动2112班)

1、Object 对象和 Date 对象

JavaScript 提供了一些非常有用的内部对象，按使用方式可分为两种

实例对象。在引用该对象的属性和方法时，必须先使用 new 关键字创建一个对象实例，然后再使用“对象实例名 . 成员”的格式来进行访问 静态对象。在引用该对象的属性和方法时不需要使用 new 关键字来创建对象实例，可以直接使用“类名 . 成员”的格式来进行访问。

Object对象

Object 对象提供了一种创建自定义对象的简单方式，因为它不需要开发人员定义构造函数 在程序运行时可以为JavaScript 对象添加属性，因此使用 Object 对象创建出自定义对象非常简便。

示例：

<p><input type="button" value=" 显示姓名 " onClick="getAttr('name')" /> p>
<p><input type="button" value=" 显示年龄 " onClick="getAttr('age')" />p>
<hr/>
<div id="show1">
    默认显示的位置：
div>
<hr/>
<div id="show2">
    默认显示的位置：
div>

        /**
         * 1、对象的声明赋值使用的是{}花括号，大括号
         * 2、对象中的值以key:value的格式进行赋值，多个值中间使用【,】区分
         * 3、获取对象中的值的方法需要通过[]并给与key名的方式获取：item["name"]
         * / 

代码效果：

Date对象

通过创建 Date 对象，可以获取本地计算机中的日期与时间。

主要需要记忆的是各种Date的获取函数，是函数，所以使用的时候需要添加()。

其中：dateObject 所指的月份中的某一天，使用本地时间。返回值是 1 ~ 31 之间的一个整数。

这里看好，getDate() 是获取当前的日期，每个月的，例如，如果是2月份就只有28或29天了。根据闰年自动出的。

new Date() // 当前日期和时间
new Date(milliseconds) // 返回从 1970 年 1 月 1 日至今的毫秒数
new Date(dateString)
new Date(year, month, day, hours, minutes, seconds, milliseconds)

获取与格式化Date案例：

显示效果：

时间获取示例： 

效果：

1. milliseconds 参数是一个 Unix 时间戳（Unix Time Stamp），它是一个整数值，表示自 1970 年 1 月 1 日 00:00:00 UTC（the Unix epoch）以来的毫秒数。
2. dateString 参数表示日期的字符串值。
3. year, month, day, hours, minutes, seconds, milliseconds 分别表示年、月、日、时、分、秒、毫秒。 

人工日历(简化)

    <script>
        var select_year = "";
        for (let i = 1970; i <= 2050; i++) {
            select_year += "" + i + "年";
        }
        select_year += "";
        document.write(select_year);
        var select_month = "";
        for (let i = 1; i <= 12; i++) {
            select_month += "" + i + "月";
        }
        select_month += "";
        document.write(select_month);
        document.write("
");
        function updateDate() {
            var year = document.getElementById("year").value;
            var month = document.getElementById("month").value;
            month = ("0" + month).slice(-2);
            var str_time = year + "-" + month + "-01";
            console.log(str_time);
            document.getElementById("updateTime").value = str_time;
        }
    script>
    <input type="date" id="updateTime" />