Day 12

一:按照下列要求,用JavaScript写一个年,月,日的联动菜单。

1、默认显示当前日期;

2、选择年才可以选择月,选择月才可以选择日,并且 2 月的天数要正确;

<html>

<head>
    <meta charset="UTF-8">
    <title>年月日下拉框联动</title>
</head>

<body>
    <form name="dateInfo">
        <select name="yearName" onchange="testYear(this.value)">
            <option value="">请选择年</option>
        </select>
        <select name="monthName" onchange="testMonth(this.value)">
            <option value="">请选择月</option>
        </select>
        <select name="dayName">
            <option value="">请选择日</option>
        </select>
    </form>
    <script>
        // 定义各个月份天数
        var monthTemp = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
        /**
         * 页面完成加载完成后执行
         */
        window.onload = function() {
            // 获取当前年份   
            var yearValue = new Date().getFullYear();
            // 获取当前月份
            var monthValue = new Date().getMonth() + 1;
            // 以今年为准,前30年,后30年
            for(var i = (yearValue - 30); i <= (yearValue + 30); i++) {
                document.dateInfo.yearName.options.add(new Option(" " + i + " 年", i));
            }

            // 月份的下拉框   
            for(var i = 1; i <= 12; i++) {
                document.dateInfo.monthName.options.add(new Option(" " + i + " 月", i));
            }

            // 设定年份
            document.dateInfo.yearName.value = yearValue;
            // 设定月份
            document.dateInfo.monthName.value = monthValue;
            // 获取当前月份的天数
            var dayValue = monthTemp[monthValue - 1];
            // 初始化日选项框
            initDay(dayValue, monthValue, yearValue);
            // 设置当前日
            document.dateInfo.dayName.value = new Date().getDate();
        }

        // 年发生变化时日期发生变化
        function testYear(yearValue) {
            // 获取当前月份
            var monthValue = document.dateInfo.monthName.value;
            // 判断月份是否被选中,若未选中,则重置日选项框
            if(monthValue == "") {
                optionsClear(document.dateInfo.dayName);
                return;
            }
            // 根据月份获取天数
            var dayValue = monthTemp[monthValue - 1];
            // 初始化日选项框
            initDay(dayValue, monthValue, yearValue);
        }

        // 月发生变化时日期联动   
        function testMonth(monthValue) {
            // 获取当前年份
            var yearValue = document.dateInfo.yearName.value;
            // 判断年份是否被选中,若未选中,则重置日选项框
            if(yearValue == "") {
                optionsClear(document.dateInfo.dayName);
                return;
            }
            // 根据月份获取天数
            var dayValue = monthTemp[monthValue - 1];
            // 初始化日选项框
            initDay(dayValue, monthValue, yearValue);
        }

        // 初始化日选项框
        function initDay(dayValue, monthValue, yearValue) {
            // 判断是否是2月份,并且判断是否为闰年
            if(monthValue == 2 && isLeapYear(yearValue)) {
                dayValue++;
            }
            // 获取当前日下拉框
            var e = document.dateInfo.dayName;
            // 重置下拉框
            optionsClear(e);
            // 填充日下拉框
            for(var i = 1; i <= dayValue; i++) {
                e.options.add(new Option(" " + i + " 日", i));
            }
        }

        // 判断是否闰平年   
        function isLeapYear(year) {
            // 闰年的定义是(可被4整除)且((不可被100整除)或(可被400整除))的年份
            return(year % 4 == 0 && (year % 100 != 0 || year % 400 == 0));
        }

        // 重置下拉框
        function optionsClear(e) {
            e.options.length = 1;
        }
    </script>
</body>

</html>

二:常见的几种约束有哪些?分别代表什么意思?如何使用?

常用的约束有主键约束,外键约束,唯一约束,默认约束 。

1、主键:PRIMARY KEY(主键字段)保证了实体完整性,一个表只有一个主键,但一个主键可以包含多个字段,主键字段不能为空;

2、唯一:UNIQUE(约束字段)保证了实体完整性,一个表有多个唯一约束,一个唯一约束可有包含多个字段;

3、外键:FOREIGN KEY(外键字段),保证了引用完整性,一个表可以有多个外键;

4、默认值:DEFAULT(默认值的表达式或NULL),保证了域完整性,一个表可以有多个默认值约束,但是一个字段只有一个

默认值。

三:数组(Array)和列表(ArrayList)有什么区别?什么时候应该使用 Array 而不是 ArrayList?

1、存储内容比较:
Array 数组可以包含基本类型和对象类型,
ArrayList 却只能包含对象类型。
Array 数组在存放的时候一定是同种类型的元素。ArrayList 就不一定了 。

2、空间大小比较:
Array 数组的空间大小是固定的,所以需要事前确定合适的空间大小。
ArrayList 的空间是动态增长的,而且,每次添加新的元素的时候都会检查内部数组的空间是否足够。

3.方法上的比较:
ArrayList 方法上比 Array 更多样化,比如添加全部 addAll()、删除全部 removeAll()、返回迭代器 iterator() 等。

适用场景:
如果想要保存一些在整个程序运行期间都会存在而且不变的数据,我们可以将它们放进一个全局数组里, 但是如果我们单纯只是想要以数组的形式保存数据,而不对数据进行增加等操作,只是方便我们进行查找的话,那么,我们就选择 ArrayList。
如果我们需要对元素进行频繁的移动或删除,或者是处理的是超大量的数据,那么,使用 ArrayList 就真的不是一个好的选择,因为它的效率很低,使用数组进行这样的动作就很麻烦,那么,我们可以考虑选择 LinkedList。




猜你喜欢

转载自blog.csdn.net/a15252006129/article/details/80455895