Day012

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

（1）默认显示当前日期；

（2）选择年才可以选择月，选择月才可以选择日，并且 2 月的天数要正确；

<!DOCTYPE html>
<html lang="en">
<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>

输出结果：

2、常见的几种约束有哪些？分别代表什么意思？如何使用？

答：常用的约束有主键约束，外键约束，唯一约束，默认约束。
主键：PRIMARY KEY（主键字段）保证了实体完整性，一个表只有一个主键，但一个主键可以包含多个字段，主键字段不能为空；
唯一：UNIQUE（约束字段）保证了实体完整性，一个表有多个唯一约束，一个唯一约束可有包含多个字段；
外键：FOREIGN KEY（外键字段），保证了引用完整性，一个表可以有多个外键；

默认值：DEFAULT（默认值的表达式或NULL），保证了域完整性，一个表可以有多个默认值约束，但是一个字段只有一个默认值。

3、数组（Array）和列表（ArrayList）有什么区别？什么时候应该使用 Array 而不是 ArrayList？

(1)存储内容比较：

Array 数组可以包含基本类型和对象类型，
ArrayList 却只能包含对象类型。
Array 数组在存放的时候一定是同种类型的元素。ArrayList 就不一定了。

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

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

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

猜你喜欢