NOWCODER.COM
牛客网-中国最大IT笔试/面试题库
阿里巴巴2011前端工程师笔试卷
一. 问答题
1.
请说明下面各种情况的执行结果，并注明产生对应结果的理由。function doSomething() { alert(this); }
① element.onclick = doSomething，点击element元素后。
② element.onclick = function() {doSomething()}， 点击element元素后。③ 直接执行doSomething()。
2.
请用JavaScript语言实现 sort 排序函数，要求：sort([5, 100, 6, 3, -12]) // 返回 [-12, 3, 5, 6, 100]。
如果你有多种解法，请阐述各种解法的思路及优缺点。（仅需用代码实现一种解法，其它解法用文字阐述思路即可）
3. 请根据下面的HTML和CSS代码，画出布局示意图
4. 阅读以下JavaScript代码：
if (window.addEventListener) {
var addListener = function(el, type, listener, useCapture) { el.addEventListener(type, listener, useCapture); };
} else if (document.all) {
addListener = function(el, type, listener) { el.attachEvent(\
牛客出品-http://www.nowcoder.com
NOWCODER.COM
牛客网-中国最大IT笔试/面试题库
listener.apply(el); }); }; }
请阐述 a) 代码的功能; b) 代码的优点和缺点; c) listener.apply(el) 在此处的作用; d) 如果有可改进之处，请给出改进后的代码，并说明理由。
5. 请编写一个JavaScript 函数toRGB，它的作用是转换CSS中常用的颜色编码。 要求：alert(toRGB(\输出 rgb(0, 0, 255)alert(toRGB(\输出 invalid alert(toRGB(\输出 #G00
6. 尝试实现注释部分的Javascript代码，可在其他任何地方添加更多代码（如不能实现，说明一下不能实现的原因）：
var Obj = function(msg){ this.msg = msg;
this.shout = function(){ alert(this.msg); }
this.waitAndShout = function(){ //隔五秒钟后执行上面的shout方法 }}
7. 请编写一个JavaScript函数，它的作用是校验输入的字符串是否是一个有效的电子邮件地址。要求： a) 使用正则表达式。 b) 如果有效返回true ，反之为false。
8. 请分别列出HTML、JavaScript、CSS、Java、php、python的注释代码形式。9. 根据下图，编写HTML结构。要求：遵循xHTML 1.0规范且符合Web语义。
10.
请编写一段JavaScript脚本生成下面这段DOM结构。要求：使用标准的DOM方法或属性。
牛客出品-http://www.nowcoder.com
NOWCODER.COM
牛客网-中国最大IT笔试/面试题库
淘！你喜欢
11. 请用CSS定义p标签，要求实现以下效果: 字体颜色在IE6下为黑色(#000000)；IE7下为红色(#ff0000)；而其他浏览器下为绿色(#00ff00)。
12. 请简化以下的CSS代码，并给出简单的说明。div.container { width: 500px;
background-image: url(/img/sprite.png); background-repeat: no-repeat; background-position: 0px -78px;}
div.container ul#news-list, div.container ul#news-list li { margin: 0px; padding: 0px;}
div.container ul#news-list li { padding-left: 20px;
background-image: url(/img/sprite.png); background-repeat: no-repeat; background-position: -120px 0px;}A {
font-size: 14px;
font-weight：bold； line-height: 150%; color: #000000;}
13. 请编写一个通用的事件注册函数（请看下面的代码）。function addEvent(element, type, handler){
// 在此输入你的代码，实现预定功能}
14. 下面是个输入框
当没有获取焦点时，显示灰色的提示信息： 当用户输入时，隐藏提示文字，且恢复为默认色： 当输入框失去焦点，如果输入为空，需还原提示信息： 要求： a) 写出HTML和CSS代码 b) 用JavaScript实现功能
牛客出品-http://www.nowcoder.com
NOWCODER.COM
牛客网-中国最大IT笔试/面试题库
15. 请给JavaScript的String 原生对象添加一个名为trim 的原型方法，用于截取空白字符。要求alert(\输出 \alert(\输出 \
16. 请编写一个JavaScript函数 parseQueryString，它的用途是把URL参数解析为一个对象，如：var url = “http://www.taobao.com/index.php?key0=0&key1=1&key2=2.....”var obj = parseQueryString(url);alert(obj.key0) // 输出0
17. 根据下图，编写HTML结构。要求：符合xHTML 1.0规范。
18. 请指出下面代码中不符合xHTML 1.0规范的地方，说明理由，并写出改善后的代码：
小明的表白
- 小明说：
- ”淘宝网，天天上。”
- ”淘我喜欢！”
19.
请把以下用于连接字符串的JavaScript代码修改为更有效率的方式
var htmlString =
\for (var i = 0; i < NEWS.length; i++) { htmlString += \ + NEWS[i].LINK + \
+ NEWS[i].TITLE + \}
htmlString += \
20. 请给Array本地对象增加一个原型方法，它用于删除数组条目中重复的条目(可能有多个)，返回值是一个包含被删除的重复条目的新数组。
牛客出品-http://www.nowcoder.com
NOWCODER.COM
牛客网-中国最大IT笔试/面试题库
21. 请根据下面的描述，用JSON语法编写一个对象: “小明今年22岁，来自杭州。兴趣是看电影和旅游。他有两个姐姐，一个叫小芬，今年25岁，职业是护士。还有一个叫小芳，今年23岁，是一名小学老师。” var person = ?
22. 请改善以下HTML代码，使其符合xHTML 1.0规范
23. 请列举7种以上常用的HTML标签，说明其语义。
24. 根据下图，编写HTML结构。要求：遵循xHTML 1.0规范且符合Web语义。
登录牛客网，参与以上题目讨论，查看更多笔试面试题
牛客出品-http://www.nowcoder.com
阿里巴巴2011前端工程师笔试卷
