css部分
html.body{
width：100%
height：100%
}
html部分
<input type="button" value="點我變紅"
onclick="document.body.style.background=‘red’"
注釋內(nèi)容
- input是一個標簽篷角，type="button"指它是一個按鈕，value是這個按鈕的內(nèi)容
- oncllck是點擊， 點擊后會執(zhí)行后面的代碼
- stvle是樣式， background是背景
版本二（函數(shù)式寫法）
css部分
html.body{
width：100%
height：100%
}
HTML部分
<button id="redBtn">紅色</button>
#### JS部分
var redBtn = document.getElementByld("redBtn");
redbtn.oncliek = function (){
document.body.style.background="red"
}
#### 注釋內(nèi)容
- var redBtn 是聲明一個變量，相當于給按鈕起個名字存起來
- 我們把要執(zhí)行的代碼放在function中存起來
- 當我們點擊這個按鈕的時候蒿赢，才會執(zhí)行function中的代碼
