最新Web前端開發筆試題和面試題答案集錦

Web前端開發筆試題集錦：

1，截取字符串abcdefg的efg

var str = "abcdefg";

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

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

alert(efg);

}

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

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

reg.test("a1a__a1a__a1a__a1a__");

3，判斷一個字符串中出現次數最多的字符，統計這個次數

//將字符串的字符保存在一個hash table中，key是字符，value是這個字符出現的次數

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：

表示當前的事件對象，IE有這個對象，FF沒有，FF通過給事件處理函數傳遞事件對象

(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) 獲取標簽的自定義屬性

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) 是否可用id代替HTML元素

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

FF：不可以

(8) innerText textContent outerHTML

IE：支持innerText, outerHTML

FF：支持textContent