Web前端工程师面试题.doc

根据下图,编写HTML结构。要求:遵循xHTML 。
请用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 < ; i++) {
htmlString += ‘<li><a href=”’+
NEWS[i].LINK + ‘”> +
NEWS[i].TITLE + ‘</a></li>’;
}
htmlString += ‘</ul></div