javascript(js)事件
事件的三要素：
1.事件源 就是被操作的那个元素
2.事件类型 点、滑过、滑出
3.执行的命令 匿名函数（匿名方法）–function(){}
语法： 事件源 .（点）事件类型 = function(){这里些执行的代码｝
案例：写一个按指定的按钮就可以使div盒子变宽，变高，改变盒子的背景颜色
<!DOCTYPE html>
<html>
<head>
<title>js控制html标签的属性和内容</title>
<style type="text/css">
div{width: 100px;height: 100px;background:pink;}
</style>
</head>
<body>
<div id="box1"> </div>
<button id="btn01">变宽</button>
<button id="but02">变高</button>
<button id="but03">变色</button>
</body>
</html>
<script type="text/javascript">
//1.获得事件源（就是被操作的那个元素）
var btn01 = document.getElementById('btn01');
var box01 = document.getElementById('box1');
//2.事件类型（onclick) 点击类型 3.执行内容
btn01.onclick = function(){//匿名函数
box01.style.width = '200px';//使div变宽
}
//1.获得事件源（就是被操作的那个元素）
var but02= document.getElementById('but02');
//2.事件类型（onclick) 点击类型 3.执行内容
but02.onclick = function(){//匿名函数
box1.style.height = '200px';//使div变高
}
//1.获得事件源（就是被操作的那个元素）
var but03= document.getElementById('but03');
//2.事件类型（onclick) 点击类型 3.执行内容
but03.onclick = function(){//匿名函数
// 事件源 .（点）事件类型 = function(){这里些执行的代码｝
box1.style.background = 'blue';//div变色
}
</script>1.开始图片：div(宽：100px，高:100px；）
2.点变宽按钮：div(宽：200px, 高：100px)
3.点变高按钮：div（宽：200px, 高:200px；）
4.点变色按钮：
