代碼塊:
代碼塊:一個{}中的語句我們稱為一個代碼塊
用{}語句進(jìn)行分組,一個中稱為是一組語句墨榄,要么都執(zhí)行玄糟,要么都不執(zhí)行
js中的代碼塊只具有分組的作用,在外部是完全可見的
js操作屬性:
div盒子中title標(biāo)簽作為提示標(biāo)簽(鼠標(biāo)箭頭放上則會顯示的內(nèi)容)
window.onload=function(){}:是整個文檔加載完之后執(zhí)行的一個代碼
eg:獲取盒子內(nèi)容并更改title內(nèi)容:
{document.getElementById('div1').title = "i had see";}
js換膚:
將盒子中href屬性更改為另一個地址
js操作style屬性:
p:帶減號的樣式屬性用小駝峰樣式袄秩,其他的無分別
window.onload = function(){
var div1 = document.getElementById('div1');
div1.style.color = 'yellow';
div1.style.background = 'gold';
div1.style.fontSize = '30px';}
js操作class:
p:class屬性應(yīng)用className改變
將盒子的class屬性改為box02
window.onload = function(){
var div1 = document.getElementById('div1');
div1.className = 'box02';}
js中括號屬性:
例如div1.style.color = 'yellow';可寫為:div1.style[color] = 'yellow';?? 即:用[]代替.
innerHTML是js屬性寫在其他地方則失效茶凳。
document.write和innerHTML的區(qū)別
document.write只能重繪整個頁面
innerHTML可以重繪頁面的一部分(類似插入添加一個內(nèi)容)
js函數(shù):
用function aa(){}? 定義一個函數(shù);用aa()調(diào)用
設(shè)置button框中調(diào)函數(shù)播揪,就什么時候點什么時候調(diào)
eg:<input type="button" value="彈框" onclick="aa()">
js可控制換膚:定義兩個函數(shù)贮喧,將第二個函數(shù)盒子地址指向為新地址,設(shè)置按鈕
變量與函數(shù)預(yù)解析:
預(yù)解析變量聲明提前但值不提前
預(yù)解析函數(shù)調(diào)用可放在函數(shù)前面猪狈,調(diào)用正常執(zhí)行
匿名函數(shù):
不定義函數(shù)名稱function(){} 箱沦。類似窗口函數(shù)
函數(shù)傳參:
changeStyle("color","gold");
changeStyle("background","red");
changeStyle("width","300px");
changeStyle("height","300px");
changeStyle("fontSize","30px");
function changeStyle(styl,val){
oDiv.style[styl] = val;
}
return關(guān)鍵字:
用于返回函數(shù)結(jié)果