abstract：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>javaScript控制div樣式?。。?lt;/title> &
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>javaScript控制div樣式?。?！</title>
<style>
*{margin: 0px;padding: 0px;}
#box{width: 100px;height: 100px;background-color:red;margin: 10px 50px; }
</style>
</head>
<body>
<div id="box">
</div>
<button onclick="a()">變高</button>
<button onclick="b()">變寬</button>
<button onclick="c()">變色</button>
<button onclick="d()">重置</button>
<button onclick="e()">隱藏</button>
<button onclick="f()">顯示</button>
<script>
var box //聲明變量
window.onload=function(){ //頁(yè)面加載完整執(zhí)行改函數(shù) window是全局的意思
box=document.getElementById('box') //獲取div的id然后賦值給變量box
}
function a(){
box.style.height="500px" //改變高度
}
function b(){
box.style.width="500px" //改變寬度
}
function c(){
box.style.background="blue" //改變顏色
}
function d(){
box.style.height="100px"
box.style.width="100px"
box.style.background="red"
}
function e(){
box.style.display="none" //隱藏
}
function f(){
box.style.display="block" //顯示
}
</script>
</body>
</html>這節(jié)課是案例課運(yùn)用了之前學(xué)到的知識(shí)有，用var關(guān)鍵字聲明變量，變量的賦值，創(chuàng)建函數(shù)，全局變量在函數(shù)內(nèi)部使用要加上window.變量名，最主要的是用到了javaScript中的事件。
總結(jié)這個(gè)真的不是很擅長(zhǎng)--
Correcting teacher：天蓬老師Correction time：2019-01-02 14:32:02
Teacher's summary：var關(guān)鍵字聲明變量，變量的賦值，創(chuàng)建函數(shù), var 不能創(chuàng)建函數(shù),他只是聲明了一個(gè)變量,將一個(gè)函數(shù)的聲明文本賦值給它, 就是一個(gè)函數(shù)表達(dá)式,聲明函數(shù)只能用function funcName(){...}