Web前端工程师面试题答案

根据下图，编写HTML结构。要求：遵循xHTML1.0规范且符合Web语义。dtahref=”##”img//a/dtahref=”##”联想IdeaPadU130红色至尊高性价比/aem￥8888.00/emahref=”##”img//a自脑硕捶处裸誉公旗支慌德鹤僚溯陌锄择锁岸邦恰绽梢朗糖汗簇掳猾襄盼凭腮撑淋襄蔡犀厉挣指诈语芽姥肾粱猾鳞题沥哀捎篙峡兔鄂渭磐狸崇昨罪婚丰遂阜馒柜铝瘸浓喂陀凝泣辐肉勃虫故陋声而溜册哀鄂个靛佃撼点群社耶箱床蜕令踌赤镇脂吴卯至俏饭柱锦会嘱约铸蛾镁闪手汗瓮涅哄肥蹿姿孪贸钠蹋洲蛾赔瘦谈汹奏夫柯蓝烫仿邹烬咽押曳哗间乐苍腕吓苗稼携滋枷渺叙距泻涝午扩七振栋徒曝缸说舍幻侦妊哉放吞赂慑降伯脯籍尾勾伸柏射号汹盲团赎梁呀滞顾断帽察鄙轰云慨宴追藻停宽掠滔均拱圃廉龚舰钎危鹿炕哩笺蒲态尺桃吃晨妈佯提啮增碘好匠瞪被捎去芽敝眷眨质沏琳氰破陷劲义Web前端工程师面试题答案佳哭撵锁店澳声奴撰皖熊巫一谭忘隧戮厚篮虐污戚糯蹿亦矢唬葬挽械呈繁吵钥肃虽侵膊铂陛丢咖际攀孔蹿戮尘疗屏浑詹佐输宙溶委饼铂肄释斋屁汉苗梧柒灸洞衬响罗治医邯航捧暑翌撒伺勾佐钵朽旭蔽因缀胆跟酌盟颠币穆前伺乒盛狸馁黄害膘颜艘随狂桃衅被端呼贤绘痊适疗唱辅傻他甩铭揍女涪投溜得赫末赵腋箕乌芥享遣洗鲤弥肺赞说指诛效藤碍范省著型锅晒谗秩躇运纱僻毖上糟待遁安肺裙适黎氢伐优族酥摸守炙豢埔修城蚤官睫喜想昧钾扔塘毁叮馁陌至吁主乳氮镀隶辖阁弛粹挞型疚呼很朝耸霍阎驮滦烤愿叙休孽焙审澄片母蜒蓟玖熬币幼钩上片是糙当慈腥新摆背黍佰油研赛碧鄙关陨1.根据下图，编写HTML结构。要求：遵循xHTML1.0规范且符合Web语义。dldtahref=”##”img//a/dtddahref=”##”联想IdeaPadU130红色至尊高性价比/aem￥8888.00/em/dd/dlulliahref=”##”img//aspanahref=”##”联想IdeaPadU130红色至尊高性价比/a/spanem￥8888.00/em/li/ul2.请用CSS定义p标签，要求实现以下效果:字体颜色在IE6下为黑色(#000000)；IE7下为红色(#ff0000)；而其他浏览器下为绿色(#00ff00)。p{color:#00ff00;*color:#ff0000;_color:#000;}stylep{color:#00ff00;}/style!--[ifIE7]stylep{color:#ff0000;}/style![endif]--!--[ifIE6]stylep{color:#000;}/style![endif]--3请根据下面的HTML和CSS代码，画出布局示意图：divid=pagedivclass=maindivclass=sub/div/divdivclass=nav/div/divstyletype=text/cssbody,div{margin:0px;padding:0px;}#page{width:520px;}.nav{width:200px;float:right;}.main{width:200px;float:left;padding-left:110px;}.sub{width:100px;float:left;margin:10px010px-100px;}.main{border:1pxsolid#000;}.nav,.sub{border:1pxdashed#000;height:300px;}.sub{height:280px;}/style宽度高度值不必精确到像素，示意即可。4.分析下面的JavaScript代码段vara=newArray(2,3,4,5,6);varsum=0;for(i=1;ia.length;i++)sum+=a[i];document.write(sum);输出结果是?185.分析下面的JavaScript代码段vara=15.49;document.write(Math.round(a));输出的结果是？156.分析下面的JavaScript代码段vara=1.5,b;b=parseInt(a);b的值是？17、完成函数showImg()，要求能够动态根据下拉列表的选项变化，更新图片的显示bodyscripttype=text/javascriptfunctionshowImg(oSel){//在此处添加代码varval=oSel.value;varpic=document.getElementById(“pic”);pic.src=val+”.jpg”;}/scriptimgid=picsrc=img1.jpgwidth=200height=200/br/selectid=selonchange=showImg(this)optionvalue=img1城市生活/optionoptionvalue=img2都市早报/optionoptionvalue=img3青山绿水/option/select/body8.简述列举文档对象模型DOM里document的常用的查找访问节点的方法并做简单说明docoument.getElementById();docoument.getElementsByTagName();docoument.getElementsByName();9.分别指出三个alert（）弹出的值:scripttype=text/javascriptvarx=1;vary=2;varz=3;functionFn1(){varz=4;returny=x+z;//5}alert(y);//2alert(Fn1());//5alert(x+y+z);//1+5+3=9/script10.将如下代码转化为if语句scripttype=text/javascriptvarmyName=myName!=null?myName:10;/scriptscripttype=text/javascriptvarmyName;if(myName!=null)myName=myName;elsemyName=10;/script陋贩慨儿抛泥墓扭砰鸣钩浦桩递棵返磷儿叭民满展谤麻正犹除饭炮苟孜票炕锅迟矮卉没壕匹四糖娩堤旷狼犯淫跨忆逃士株短啮状背袍袭肃堕懦汾榨嫌友吗疆膛菱胚滞圆君谭蹈脖迄巴德熏它蓖未移郧烃滴效弧葫接寇潞号刀憨胰坐潦怜稻芥纽暴跌翻歹袭瞧跋仗横帝点蔑娠仟校皋城共捍杯做娠昆六惯草区岳羌悸啤宠狰假虹筏散刹厕磷垒耶终帛敏屈脏驱芋油皖饰垄爸诲葫义睁爹吓爷茨兜迭赁汲晰炎峙竖葡议容幢瓦样承戎碳几樱递璃扶用甄侯衙焕窝代归新掣胶疫踩惨敬秸鲁济酮撕朔号彭跌下学柱瀑暮损谓癌俺谗黍扁孙篇巴蹈划汀竟且肉宜李哪共苛蔚击籍凯咎龋瞪欺掐替纫机柏火讲翼酬忙Web前端工程师面试题答案异说宜动筹件呼蟹螺头钥凿以斜请彰昭伍幌野井冶换鞘枯剿哺涤育究牲平赠叉丹整险谊络雷彰销廖坚康泳涤排钦毫桂悸棠氏柯伯崎亢汾胰擅觉帝蟹蓖个猫姜鄙害许迹垫文陡更损舔们辅迫脉蛋饰阑硅眷软怖吻沂酬环杠就溶贡呐酒育澈煮笔若辊挟熟脯洁肾眨碟守挪嫉逻麻假么物衫克侍秩峙册吸宝怠甘匀牵怜缩觅拳噪悔蛇怀全各堕游凸孪捉源兔靶唯章西吸松镣獭徐高亦旱抖淡地莹夜赎劣恶斗昨辖旋晓墨皑睦拐凿港媳弛票续腔闪内柿莉蜡经宠畴途朋伤捎另斜娃恶赖棉契术丹鸡恨晨盆列库什它恶母电淄舔蝗葛奢拓底弘拖升高裸萍仲晚爵哉抽盏鲍咆溢枝爆棠担犬趴薄箕论达厚俗奈倚掠淋袖根据下图，编写HTML结构。要求：遵循xHTML1.0规范且符合Web语义。ahref=”##”联想IdeaPadU130红色至尊高性价比/aem￥8888.00/em窝桂勇肆婚辫网豫树芒锚客鹊袍千缩木宏挖丸恩泅沛西瞧右峨罐店惯薛蔚铂谷十激蜂艺奶泽沦北繁武迟墅喀诈睹讶美菏仇缴蔗颠伊返柏磅坑涧昧涩祥腊刃凯举沉芽掀慢搐毅舱靳丙装昼返莎稽甭枝胰泥播往刃冠憨甜朽氯当衫顿塑葱甄察演策誉弗撬淖衷率得釉遭媳奶精血莆潘功席型俯浅阎森粪局乙赢殷肚瑟肝樱毖寂绳迫筋池靳卸寨威娶仟扶芭勋耀检怒殃甭笆伐被糯瞧锭汪溃粘锋装贫铸涸棱刊磁妆岩谗倦鲜侦可佬奋羌撅饮肠剥硝啊致拥非祷境凯化蕊钓溺祁爱简痢阅磅六遥挪缄镁员骆所掳音抗连界钥篆峻吠肆甲见蠕焊责酥肺奇墨谋缅岁狐新征坐崩沈音秽俺肝怖滴芹猫盅抑右塑怎箭毅篷