### 回顾 ：
Js就是让页面中的元素发生一些行为，我们将js的代码写在<script></script>标签中，同时，我们又介绍了一些事件：
**Onclick** 鼠标点击事件
**Onmouseover** 鼠标移入时间
**Onmouseout** 鼠标移出事件
**Onmousemove** 鼠标抚摸事件
...
***
### 如何添加事件：
元素.事件
元素如何获取，有许多方式，我们目前只接触了一种，通过id获取元素，获取元素是从文档中获取，所以获取的语法是document.getElementById(‘id名字’)
document 文档 get 获取 element 元素 byid 根据id
函数（方法）：可以理解为命令，做一些事情
function abc(){ ... }//函数本身不会主动执行，需要命令它做，类似java中的方法调用，
元素.事件 = abc;
function abc(){...}
以上是一个js行为语句，注意第一行的abc不能加括号，加上的话就直接执行了
同时要学会使用alert进行测试
***
我们之前是写在body中的后面，写前面是不好用的，因为代码顺序执行，那我们写的时候与css一样，基本不会写在body中，也是写在js文件中或head中，但是直接写在head当中的<script></script>标签中也不行，因为文档不知道什么时候执行这些，那么js的加载时机应该是在页面加载之后，那么页面加载后怎么表示-->**window.onload**
~~~
<script type="text/javascript">
/* window是js的老大，windon.onload的意思是等待页面加载完毕后执行函数内的内容 */
window.onload = function(){
...
}
</script>
~~~
***
### 属性操作
属性的操作无非就两种：读、写
语法：元素.属性
课堂练习1：
课堂练习2：
课堂练习3：
在文本框中输入图片路径，点击按钮实现替换图片
***
### innerHTML-内容
课堂练习4：
课堂练习5：文字的放大缩小(className的引入)
课堂练习6：模拟聊天
关于判断
***
### 关于数组
访问也是通过下标访问
~~~
<script type="text/javascript">
window.onload = function(){
var aImg = ['a',1,false];
}
</script>
~~~
课堂练习7：图片切换
***
课后作业：
***
### []的使用
在js中[]能够完全替代.的功能，有些时候使用.是不能完成功能的
~~~
/*错误写法*/
oDiv.style.oText.value = 100px;
oDiv.style[oText.value] = 100px;
~~~
***
[图片素材下载](https://pan.baidu.com/s/11Luvx0SiX71Zk01lpSUS_g)
