web前端工程师企业面试题

时间：2016-08-03 19:38
发布：广州IT培训学校
来源：企业面试题

1.根据下图，编写HTML结构。要求：遵循xHTML 1.0规范且符合Web语义。

2.请用CSS定义 <p> 标签，要求实现以下效果: 字体颜色在IE6下为黑色(#000000)；IE7下为红色(#ff0000)；而其他浏览器下为绿色(#00ff00)。

<!—[!ie6]-->

3请根据下面的HTML和CSS代码，画出布局示意图：

<div id="page">
    <div class="main"><div class="sub"></div></div>
    <div class="nav"></div>
</div>
<style type="text/css">
    #page { width: 520px; }
    .nav { width: 200px; float: right; }
    .main { width: 200px; float: left; padding-left: 110px; }
    .sub { width: 100px; float: left; margin: 10px 0 10px -100px; }
    .main { border: 1px solid #000; }
    .nav, .sub { border: 1px dashed #000; height: 300px; }
    .sub { height: 280px; }
</style>

宽度值不必精确到像素，示意即可。
4请把以下用于连接字符串的JavaScript代码修改为更高效的方式

var htmlString = ‘<div class=”container”>’ +
‘<ul id=”news-list”>’;
for (var i = 0; i < NEWS.length; i++) {
htmlString += ‘<li><a href=”’ +
NEWS[i].LINK + ‘”> +
NEWS[i].TITLE + ‘</a></li>’;
}
htmlString += ‘</ul></div>’;

5尝试实现注释部分的Javascript代码，可在其他任何地方添加更多代码（如不能实现，说明一下不能实现的原因）：

var Obj = function(msg){
   this.msg = msg;
   this.shout = function(){
       alert(this.msg);
   }
   this.waitAndShout = function(){
       //隔五秒钟后执行上面的shout方法
   }
}

6请编写一个JavaScript 函数toRGB，它的作用是转换CSS中常用的颜色编码。要求：

alert(toRGB("#0000FF"));          // 输出 rgb(0, 0, 255)
alert(toRGB("invalid"));          // 输出 invalid
alert(toRGB("#G00"));              // 输出 #G00