Js 操作屬性
document .getElementByid("div1");根據(jù)ID來(lái)獲取抄腔;
document .之后getElementByid("div1") .title = "你真美" 庶柿;
整個(gè)文檔加載完之后執(zhí)行的一個(gè)匿名函數(shù);
function 匿名函數(shù)徽鼎;
window .onload = function() {} 寫在《script》標(biāo)簽里面;
通過(guò)id來(lái)查找文檔中的唯一id
document getElementByid ("link") .href = "www.baifu.com",(跳轉(zhuǎn)到網(wǎng)頁(yè))
還可以 例如 : var oA = document .getElentByid("link");
oA .href = "www.baidu.com"
oA .title = "去到百度網(wǎng)";
還可以讀出來(lái) : alert (oA.id) alert (oA.title);
對(duì)象 . 方法 ; 對(duì)象 . 屬性 纬傲;
Js 換膚
導(dǎo)入搜索外部樣式 《link id = link1 red = "stylesheet" type = "text /css" href = "css/1.css" ;
操作顏色屬性 : odiv .style .color = "red" ;
在Js 里面設(shè)置字號(hào)的方法 fontSize 例如 : odiv .style .fontSize = "30px" ;
Js 操作classs 屬性 不能直接用 class 用classname 就可以了满败;
例如 : odiv.classname = "box2";
var .att = "color" ;
odiv style[att] = "red";
innerhtml 是js 里面
odiv2.innerhtml = "這是第二個(gè)div元素的內(nèi)容"
面試題:document.write 和 innerhtl 有什么區(qū)別?
document .write 重會(huì)的是整個(gè)頁(yè)面叹括;
innerhtml 重會(huì)的是頁(yè)面的一部分算墨;
js 函數(shù)
《inpdut type = "button" value = "皮膚" onclick = skin01()"》但是這樣不好;
js可控制皮膚
點(diǎn)擊事件 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ù)是整個(gè)都提前;
匿名函數(shù)
window .onaload = function(); 這就是一個(gè)匿名函數(shù)溜嗜;
var cc = document.getElemmentByid ('div');
cc.onclick = function(){alert("你好")}宵膨;
函數(shù)傳參
例如:function sheet(styl)
{odiv .style[styl] = "red"};
如果有兩個(gè)形參的話 用逗號(hào)隔開
函數(shù) return 關(guān)鍵字
框 《input type = "text"》 如果想操作就在 后面寫一個(gè) id = “” ;
點(diǎn)擊框 《input type = "button" value = "相加"》;
return 的作用炸宵?
1.返回函數(shù)執(zhí)行的結(jié)果辟躏;2.結(jié)束函數(shù)的執(zhí)行; 3.可以阻止默認(rèn)執(zhí)行土全;
只要寫了return 下面的代碼就不執(zhí)行了捎琐;
流程控制語(yǔ)句 ; 分支語(yǔ)句;
1.條件判斷語(yǔ)句; if .....else ;
- 條件分支語(yǔ)句 : swith ....case default;
- 循環(huán)語(yǔ)句 : for 裹匙,while ,do ... while ;
1.條件判斷語(yǔ)句 :
display : none;隱藏瑞凑,就沒(méi)有了; diaplay :block 顯示 然后又出來(lái)了概页;
if(cc.style.display == 'none'){cc.style.display == "block"};
ese{cc.style.display == 'none'};
不能寫反了籽御;
多重判斷語(yǔ)句 elif
條件分支語(yǔ)句 switch ...case
使用 break 可以結(jié)束整個(gè)switch ..case 語(yǔ)句,
每一個(gè)語(yǔ)句的后面都加break;
例如: switch(today){case:
alear("數(shù)學(xué)")绰沥;
break}
遇到break就就結(jié)束整個(gè) switch ...case 語(yǔ)句篱蝇;
數(shù)組 aRr 代表一個(gè)數(shù)組贺待;
1.用面向?qū)ο蟮姆绞?用new 例如: var aRr01 = new Array(1,2,3,4);
2.直接用[]中括號(hào)徽曲;
獲取數(shù)組的整個(gè)長(zhǎng)度 aleert(aRr02,length);
獲取數(shù)組的內(nèi)容 例如: alert (aRr02[3])
定義多維數(shù)組, 二維數(shù)組,例如:var aRr03 =[[1,2,3],[3,0,2,1],[1,1,1]]
length 表示 長(zhǎng)度
從0開始,下標(biāo)麸塞;
數(shù)組的常用方法 join
push方法:向末尾增加元素秃臣;
pop 方法:從末尾刪除一個(gè);
unshift :向元素的前面插入一個(gè);
shift : 把最前面的一個(gè)刪除奥此;
reverse : 可以將元素的數(shù)組反轉(zhuǎn)弧哎;
indexof : 可以返回?cái)?shù)組,第一次出現(xiàn)的索引值稚虎;
splice 可以在數(shù)組中增加或刪除元素撤嫩;