Js 操作屬性
document .getElementByid("div1");根據ID來獲然锖;
document .之后getElementByid("div1") .title = "你真美" 缔恳;
整個文檔加載完之后執(zhí)行的一個匿名函數壳嚎;
function 匿名函數规求;
window .onload = function() {} 寫在《script》標簽里面稿壁;
通過id來查找文檔中的唯一id
document getElementByid ("link") .href = "www.baifu.com",(跳轉到網頁)
還可以 例如 : var oA = document .getElentByid("link");
oA .href = "www.baidu.com"
oA .title = "去到百度網"实束;
還可以讀出來 : alert (oA.id) alert (oA.title);
對象 . 方法 ; 對象 . 屬性 ;
Js 換膚
導入搜索外部樣式 《link id = link1 red = "stylesheet" type = "text /css" href = "css/1.css" ;
操作顏色屬性 : odiv .style .color = "red" ;
在Js 里面設置字號的方法 fontSize 例如 : odiv .style .fontSize = "30px" ;
Js 操作classs 屬性 不能直接用 class 用classname 就可以了逊彭;
例如 : odiv.classname = "box2";
var .att = "color" ;
odiv style[att] = "red";
innerhtml 是js 里面
odiv2.innerhtml = "這是第二個div元素的內容"
面試題:document.write 和 innerhtl 有什么區(qū)別咸灿?
document .write 重會的是整個頁面;
innerhtml 重會的是頁面的一部分侮叮;
js 函數
《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 .函數名() ; 函數的調用 函數名()囊榜;
window.onaload = function(){};
《script》js代碼要放在js目錄下审胸;
變量和函數域解析
JS 的代碼是從上向下執(zhí)行的;
編譯在執(zhí)行卸勺,變量的生明提前砂沛,只把生明提前,賦值不提前曙求,函數是整個都提前碍庵;
匿名函數
window .onaload = function(); 這就是一個匿名函數;
var cc = document.getElemmentByid ('div');
cc.onclick = function(){alert("你好")}悟狱;
函數傳參
例如:function sheet(styl)
{odiv .style[styl] = "red"};
如果有兩個形參的話 用逗號隔開
函數 return 關鍵字
框 《input type = "text"》 如果想操作就在 后面寫一個 id = “” 静浴;
點擊框 《input type = "button" value = "相加"》;
return 的作用?
1.返回函數執(zhí)行的結果芽淡;2.結束函數的執(zhí)行马绝; 3.可以阻止默認執(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