1.已知ID的Input輸入框丧鸯,希望獲取這個(gè)輸入框的輸入值,怎么做放案?(不使用第三方框架)
document.getElementById(“ID”).value
2.希望獲取到頁(yè)面中所有的checkbox怎么做和蚪?(不使用第三方框架)
var domList = document.getElementsByTagName(‘input’)
var checkBoxList = [];//返回的所有的checkbox
var len = domList.length; //緩存到局部變量
while (len--) { //使用while的效率會(huì)比f(wàn)or循環(huán)更高
if (domList[len].type == 'checkbox') {
checkBoxList.push(domList[len]);
}
}
3.設(shè)置一個(gè)已知ID的DIV的html內(nèi)容為xxxx,字體顏色設(shè)置為黑色(不使用第三方框架)
var dom = document.getElementById('ID');
dom.innerHTML = "xxxx"
dom.style.color = "#000"
4.當(dāng)一個(gè)DOM節(jié)點(diǎn)被點(diǎn)擊時(shí)候淑趾,我們希望能夠執(zhí)行一個(gè)函數(shù)阳仔,應(yīng)該怎么做?
<div onclick=”test()”></div> //直接在DOM里綁定事件
xxx.onclick = test //在JS里通過(guò)onclick綁定
addEventListener(xxx, 'click', test) //通過(guò)事件添加進(jìn)行綁定
Javascript的事件流模型都有什么扣泊?
“事件冒泡”:事件開始由最具體的元素接受近范,然后逐級(jí)向上傳播
“事件捕捉”:事件由最不具體的節(jié)點(diǎn)先接收,然后逐級(jí)向下延蟹,一直到最具體的
“DOM事件流”:三個(gè)階段:事件捕捉评矩,目標(biāo)階段,事件冒泡
5.foo = foo||bar 阱飘,這行代碼是什么意思斥杜?為什么要這樣寫?
if(!foo) foo = bar; //如果foo存在俯萌,值不變,否則把bar的值賦給foo
短路表達(dá)式:作為”&&”和”||”操作符的操作數(shù)表達(dá)式咐熙,這些表達(dá)式在進(jìn)行求值時(shí)弱恒,只要最終的結(jié)果已經(jīng)可以確定是真或假棋恼,求值過(guò)程便告終止,這稱之為短路求值爪飘。
注意if條件的真假判定,記住以下是false的情況:
空字符串师崎、false默终、undefined、null两疚、0
6.怎樣添加、移除含滴、移動(dòng)、復(fù)制谈况、創(chuàng)建和查找節(jié)點(diǎn)
//創(chuàng)建新節(jié)點(diǎn)
createDocumentFragment() //創(chuàng)建一個(gè)DOM片段
createElement() //創(chuàng)建一個(gè)具體的元素
createTextNode() //創(chuàng)建一個(gè)文本節(jié)點(diǎn)
//添加、移除碑韵、替換赡茸、插入
appendChild() //添加
removeChild() //移除
replaceChild() //替換
insertBefore() //在已有的子節(jié)點(diǎn)前插入一個(gè)新的子節(jié)點(diǎn)
//查找
getElementsByTagName() //通過(guò)標(biāo)簽名稱
getElementsByName() //通過(guò)元素的Name屬性的值(IE容錯(cuò)能力較強(qiáng),會(huì)得到一個(gè)數(shù)組泼诱,其中包括id等于name值的)
getElementById() //通過(guò)元素Id坛掠,唯一性
7.正則表達(dá)式構(gòu)造函數(shù)var reg=new RegExp(“xxx”)與正則表達(dá)字面量var reg=//有什么不同?匹配郵箱的正則表達(dá)式治筒?
當(dāng)使用RegExp()構(gòu)造函數(shù)的時(shí)候,不僅需要轉(zhuǎn)義引號(hào)(即\”表示”)舷蒲,并且還需要雙反斜杠(即\表示一個(gè)\)耸袜。使用正則表達(dá)字面量的效率更高。
var regMail = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/; //郵箱的正則匹配
8.Javascript中, 如果已知HTML頁(yè)面中的某標(biāo)簽對(duì)象的id=”username”牲平,用以下方法獲得該標(biāo)簽對(duì)象堤框。
document.getElementById(‘username’)
9.typeof運(yùn)算符返回值中有一個(gè)跟javascript數(shù)據(jù)類型不一致,它是 function
10.定義了一個(gè)變量,但沒(méi)有為該變量賦值纵柿,如果alert該變量蜈抓,javascript彈出的對(duì)話框中顯示undefined