Web前端开发笔试题集锦(已读)解读.doc

Web前端开发笔试题集锦 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浏览器中的差异总结 5，规避javascript多人开发函数重名问题 　　(1) 可以开发前规定命名规范，根据不同开发人员开发的功能在函数前加前缀 　　(2) 将每个开发人员的函数封装到类中，调用的时候就调用类的函数，即使函数重名只要类名不重复就ok 6，javascript面向对象中继承实现 　　javascript面向对象中的继承实现一般都使用到了构造函数和Prototype原型链，简单的代码如下： 　　function Animal(name) { 　　 = name; 　　} 　　Atotype.getName = function() {alert()} 　　function Dog() {}; 　　Dtotype = new Animal(Buddy); 　　Dtotype.constructor = Dog; 　　var dog = new Dog(); 7，FF下面实现outerHTML 　　FF不支持outerHTML，要实现outerHTML还需要特殊处理 　　思路如下： 　　在页面中添加一个新的元素A，克隆一份