### 回顧 ：
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)
