document .getElementByid("div1");根據(jù)ID來獲认康铩;
document .之后getElementByid("div1") .title = "你真美" 窄刘;
整個文檔加載完之后執(zhí)行的一個匿名函數(shù)阱驾;
function 匿名函數(shù)就谜;
window .onload = function() {} 寫在《script》標(biāo)簽里面;
通過id來查找文檔中的唯一id
document getElementByid ("link") .href = "www.baifu.com",(跳轉(zhuǎn)到網(wǎng)頁)
還可以 例如 : var oA = document .getElentByid("link");
oA .href = "www.baidu.com"
oA .title = "去到百度網(wǎng)"里覆;
還可以讀出來 : alert (oA.id) alert (oA.title);
對象 . 方法 ; 對象 . 屬性 丧荐;
Js 換膚
導(dǎo)入搜索外部樣式 《link id = link1 red = "stylesheet" type = "text /css" href = "css/1.css" ;
操作顏色屬性 : odiv .style .color = "red" ;
在Js 里面設(shè)置字號的方法 fontSize 例如 : odiv .style .fontSize = "30px" ;
Js 操作classs 屬性 不能直接用 class 用classname 就可以了;
例如 : odiv.classname = "box2";
var .att = "color" ;
odiv style[att] = "red";
innerhtml 是js 里面
odiv2.innerhtml = "這是第二個div元素的內(nèi)容"
面試題:document.write 和 innerhtl 有什么區(qū)別喧枷?
document .write 重會的是整個頁面虹统;
innerhtml 重會的是頁面的一部分;
js 函數(shù)
《inpdut type = "button" value = "皮膚" onclick = skin01()"》但是這樣不好隧甚;
js可控制皮膚
點擊事件 onclick ;
function .skin01(){ var olink = document.getFlementByid("link1")};
olink .href = css/1.css ;
同上 olink .href = "css/2.css";
function .函數(shù)名() 车荔; 函數(shù)的調(diào)用 函數(shù)名();
window.onaload = function(){};
《script》js代碼要放在js目錄下戚扳;
變量和函數(shù)域解析
JS 的代碼是從上向下執(zhí)行的忧便;
編譯在執(zhí)行,變量的生明提前帽借,只把生明提前珠增,賦值不提前,函數(shù)是整個都提前砍艾;
匿名函數(shù)
window .onaload = function(); 這就是一個匿名函數(shù)蒂教;
var cc = document.getElemmentByid ('div');
cc.onclick = function(){alert("你好")};
函數(shù)傳參
例如:function sheet(styl)
{odiv .style[styl] = "red"};
如果有兩個形參的話 用逗號隔開
函數(shù) return 關(guān)鍵字
框 《input type = "text"》 如果想操作就在 后面寫一個 id = “” 脆荷;
點擊框 《input type = "button" value = "相加"》;
return 的作用悴品?
1.返回函數(shù)執(zhí)行的結(jié)果;2.結(jié)束函數(shù)的執(zhí)行简烘; 3.可以阻止默認(rèn)執(zhí)行苔严;
只要寫了return 下面的代碼就不執(zhí)行了;
流程控制語句 ; 分支語句孤澎;
1.條件判斷語句; if .....else ;
- 條件分支語句 : swith ....case default;
- 循環(huán)語句 : for 届氢,while ,do ... while ;
1.條件判斷語句 :
display : none;隱藏,就沒有了覆旭; diaplay :block 顯示 然后又出來了退子;
if(cc.style.display == 'none'){cc.style.display == "block"};
ese{cc.style.display == 'none'};
不能寫反了岖妄;
多重判斷語句 elif
條件分支語句 switch ...case
使用 break 可以結(jié)束整個switch ..case 語句,
每一個語句的后面都加break;
例如: switch(today){case:
alear("數(shù)學(xué)")寂祥;
break}
遇到break就就結(jié)束整個 switch ...case 語句荐虐;