css部分
html,body{
width:100%速勇；
height:100%晌砾；
}
html 部分
<input type="botton"value="點(diǎn)我變紅"
onclick="document.body.style.background='red'">
注釋內(nèi)容
- input是一個(gè)標(biāo)簽，type="botton"指它是這個(gè)按鈕的內(nèi)容
- onclick是點(diǎn)擊烦磁，點(diǎn)擊后執(zhí)行后面的代碼
- style是樣式养匈，background是背景
版本二(函數(shù)式寫法)
css部分
html,body{
width:100%；
height:100都伪；
}
html 部分
<button id ="redBtn">紅色<[圖片上傳失敗...(image-48fee8-1606735950330)]
tton>
JS部分
var redBan = document.getElementByld("redBth");
redBtn.onclick = function(){
document.body.style.background ="red"
}
注釋內(nèi)容
- var redBtn 是聲明一個(gè)變量呕乎，相當(dāng)于給按鈕起個(gè)名字存起來
- 我們吧要執(zhí)行的代碼放在function中存起來
- 當(dāng)我們點(diǎn)擊這個(gè)按鈕的時(shí)候，才會(huì)執(zhí)行function中的代碼
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
