css部分
html.body{
widrh;100%
height;100%
}
html部分
<input type=“button”value“點我變紅”
onclick=“document.body.style.background=red'''>
<input type=“button”value“點我變藍”
onclick=“document.body.style.background=blue'''>
<input type=“button”value“點我變白”
onclick=“document.body.style.background=#fff'''>
###注釋內(nèi)容
-input是一個標(biāo)簽聋伦,type=“button”指它是一個按鈕,value是這個按鈕的內(nèi)容
-onclick是點擊玛臂,點擊后會執(zhí)行后面的代碼
-style是樣式.background是背景
###版本二(函數(shù)式寫法)
###css部分
<button id=“redBtn”>紅色</button>
###js部分
var redBth=documentgetElementByld(“redBth”)前域;
fedBth.onclick=function(){
document.body.style.background=“red”
}
###注釋內(nèi)容
-var redBtn 意思是聲明一個變量辕近,相當(dāng)于給按鈕起個名字存起來
-我們把要執(zhí)行的代碼放在function中存起來
-當(dāng)我們點擊這個按鈕的時候,才會執(zhí)行function中的代碼