【补充知识点】e.target指代什么？
e.target是⽬标对象，如点击事件就是点击的DOM元素。e.target.value就是⽬标对象的值。
e.event是⽬标所发⽣的事件。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; chart=utf-8" />
<title>圣诞主题</title>
<link rel='stylesheet' href='common.css' />
</head>
<body>
<ction class="container">
<!-- 第⼀幅画⾯ -->
<ction class="page-a bg-adaptive">
</ction>
<!-- 第⼆幅画⾯ -->
<ction class="page-b bg-adaptive">
</ction>
<!-- 第三幅画⾯ -->
<ction class="page-c bg-adaptive">
</ction>
</ction>
选择页⾯：
<lect id="page">
<option value="page-a" lected="">1</option>
<option value="page-b">2</option>
<option value="page-c">3</option>
</lect>
</body>
<script type="text/javascript">
var doc = document;
/**
* 针对content中的html⽂本框
* 增加rem的修改
* @param {[type]} doc [description]
* @param {[type]} win [description]
* @return {[type]} [description]
*/
var docEl = doc.documentElement,
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
recalc = function() {
//⾃适应设置容器⾼度
var container = document.querySelector(".container")
//原始⽐例
var proportion = 900 / 1440;
container.style.height = container.clientWidth * proportion + "px";
};
window.addEventListener(resizeEvt, recalc, fal);
doc.addEventListener('DOMContentLoaded', recalc, fal);
/**
* 下拉选择页⾯
* @type {[type]}
*/
var page = document.querySelector("#page");
var page = document.querySelector("#page");
/
/层级
var index = 10;
//切换切换
page.addEventListener("change",function(e){
//页⾯元素
alert(e.target.value)
var pageElement = document.querySelector("." + e.target.value) pageElement.style.zIndex = ++index;
},fal)
</script>
</html>
