Web前端開發(fā)筆試題和面試題答案(一)

思而思學(xué)網(wǎng)

1, 判斷字符串是否是這樣組成的,第一個必須是字母,后面可以是字母、數(shù)字、下劃線,總長度為5-20

var reg = /^[a-zA-Z][a-zA-Z_0-9]{4,19}$/;

reg.test("a1a__a1a__a1a__a1a__");

2,截取字符串a(chǎn)bcdefg的efg

var str = "abcdefg";

if (/efg/.test(str)) {

var efg = str.substr(str.indexOf("efg"), 3);

alert(efg);

}

3,判斷一個字符串中出現(xiàn)次數(shù)最多的字符,統(tǒng)計這個次數(shù)

//將字符串的字符保存在一個hash table中,key是字符,value是這個字符出現(xiàn)的次數(shù)

var str = "abcdefgaddda";

var obj = {};

for (var i = 0, l = str.length; i < l; i++) {

var key = str[i];

if (!obj[key]) {

obj[key] = 1;

} else {

obj[key]++;

}

}

/遍歷這個hash table,獲取value最大的key和value/

var max = -1;

var max_key = "";

var key;

for (key in obj) {

if (max < obj[key]) {

max = obj[key];

max_key = key;

}

}

alert("max:"+max+" max_key:"+max_key);

4,IE與FF腳本兼容性問題

(1) window.event:

表示當(dāng)前的事件對象,IE有這個對象,F(xiàn)F沒有,F(xiàn)F通過給事件處理函數(shù)傳遞事件對象

(2) 獲取事件源

IE用srcElement獲取事件源,而FF用target獲取事件源

(3) 添加,去除事件

IE:element.attachEvent(“onclick”, function) element.detachEvent(“onclick”, function)

FF:element.addEventListener(“click”, function, true) element.removeEventListener(“click”, function, true)

(4) 獲取標(biāo)簽的自定義屬性

IE:span1.value或span1[“value”]

FF:可用span1.getAttribute(“value”)

(5) document.getElementByName()和document.all[name]

IE;document.getElementByName()和document.all[name]均不能獲取span元素

FF:可以

(6) input.type的屬性

IE:input.type只讀

FF:input.type可讀寫

(7) innerText textContent outerHTML

IE:支持innerText, outerHTML

FF:支持textContent

(8) 是否可用id代替HTML元素

IE:可以用id來代替HTML元素

FF:不可以

這里只列出了常見的,還有不少,更多的介紹可以參看JavaScript在IE瀏覽器和Firefox瀏覽器中的差異總結(jié)

5,規(guī)避javascript多人開發(fā)函數(shù)重名問題

(1) 可以開發(fā)前規(guī)定命名規(guī)范,根據(jù)不同開發(fā)人員開發(fā)的功能在函數(shù)前加前綴

(2) 將每個開發(fā)人員的函數(shù)封裝到類中,調(diào)用的時候就調(diào)用類的函數(shù),即使函數(shù)重名只要類名不重復(fù)就ok

6,javascript面向?qū)ο笾欣^承實現(xiàn)

javascript面向?qū)ο笾械睦^承實現(xiàn)一般都使用到了構(gòu)造函數(shù)和Prototype原型鏈,簡單的代碼如下:

function Animal(name) {

this.name = name;

}

Animal.prototype.getName = function() {alert(this.name)}

熱門推薦

最新文章