Web前端开发笔试题集锦解析.docxVIP

Web 前端开发笔试题集锦 Web 前端开发笔试题集锦 来源:过来人求职网 时间:2011-12-06 以下为 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 脚本兼容性问题 window.event ： 表示当前的事件对象， IE 有这个对象， FF 没有， FF 通过给事件处理函数传递事件对象 获取事件源 IE 用 srcElement 获取事件源，而 FF 用 target 获取事件源 添加，去除事件 IE：element.attachEvent(“onclick”, function) element.detach Event(“onclick”, function) FF：element.addEventListener(“click”, function, true) eleme nt.removeEventListener(“click”, function, true) 获取标签的自定义属性IE：div1.value 或 div1[“value”] FF：可用 div1.getAttribute(“value”) document.getElementByName() 和 document.all[name] IE;document.getElementByName() 和 document.all[name] 均不能获取div 元素 FF：可以 input.type 的属性IE：input.type 只读FF：input.type 可读写 innerText textContent outerHTML IE：支持 innerText, outerHTML FF：支持 textContent 是否可用 id 代替 HTML 元素IE：可以用 id 来代替 HTML 元素FF：不可以 这里只列出了常见的，还有不少，更多的介绍可以参看 JavaScript 在IE 浏览器和 Firefox 浏览器中的差异总结 5，规避 javascript 多人开发函数重名问题 可以开发前规定命名规范，根据不同开发人员开发的功能在函数前加前缀 将每个开发人员的函数封装到类中，调用的时候就调用类的函数， 即使函数重名只要类名不重复就 ok 6，javascript 面向对象中继承实现 javascript 面向对象中的继承实现一般都使用到了构造函数和 Protot ype 原型链，简单的代码如下： 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，克隆一份需要获取 outerHTML 的元素，