Web前端开发笔试题目

　　以下为Web前端开发笔试题集锦之Javascript篇，移步HTML/CSS篇

　　1, 判断字符串是否是这样组成的，第一个必须是字母，后面可以是字母、数字、下划线，总长度为5-20

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

　　reg.test("a1a__a1a__a1a__a1a__");

　　2，截取字符串abcdefg的efg

　　var str = "abcdefg";

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

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

　　alert(efg);

　　}

　　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：div1.value或div1[“value”]

　　FF：可用div1.getAttribute(“value”)

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

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

　　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浏览器中的差异总结