WEB前端面笔试题集总结.docxVIP

1.??? ??如何显示/隐藏一个DOM元素？更改元素的css style，设为display: none。此外还可以将visibility设为hidden，透明度设为0，或长、宽设为0。2.??? ??一个定宽网页在浏览器（IE6，IE7，Firefox，IE5）中横向居中对齐的布局，请写出主要的HTML标签及CSS。!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Strict//EN” ”/TR/xhtml1/DTD/xhtml1-strict.dtd”?html xmlns=”/1999/xhtml” xml:lang=”zh-CN” lang=”zh-CN”?head?meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /?title居中/title?style type=”text/css”?body {width: 600px}?html, body {margin: auto; padding: 0}?div.wrap {text-align:center; margin: 0; padding: 0}?/style?/head?body?div class=”wrap”居中/div?/body?/html?3.??? ? CSS中margin和padding的区别margin是外边距，属于元素之外，相邻元素的margin可以融合。padding是内边距，在元素之内，相邻元素的padding不可融合。4.??? ? JavaScript中如何检测一个变量是一个String类型？请写出函数实现function(obj) {returntypeof(obj) ==?”string”;}5.??? ??网页中实现一个计算当年还剩多少时间的倒数计时程序，要求网页上实时动态显示“××年还剩××天××时××分××秒”这个看我论坛右上角的就知道了…6.??? ??如何控制网页在网络传输过程中的数据量题目貌似有问题，应该是减少数据量吧。最显著的方法是启用GZIP压缩。此外保持好的编码习惯，避免重复和css、JavaScript代码，多余的HTML标签和属性。7.??? ??补充代码，是鼠标单击后Button1到Button2的后面divinputtype=”button” id =”button1″ value=”1″ onclick=”???” /inputtype=”button” id =”button2″ value=”2″ //divvar parent =this.parentNode; parent.removeChild(this); parent.appendChild(this);8.??? ? Linux中，将a、b打包为back.tar，命令是（??）不知道＝。＝9.??? ? Flash、Ajax各自的优缺点，在使用中如何取舍？Flash的缺点是需要客户端安装Flash插件，比较大，且更改了默认的HTML页面行为；但可以方便地实现很多特效及动画，且具有较高权限。Ajax的缺点是编程较为复杂，需要服务器端的支持，能实现的效果只能是DOM API提供的，权限很低，较难跨域；但可以显著加快页面的载入速度和用户体验。此外，二者都不能被搜索引擎索引（Google已支持Flash文本的索引），不利于SEO。建议:重要和关键部分直接用HTML，交互部分可以使用Ajax，复杂的动画可采用Flash。?百度2010?1、JS主要数据类型？5分答：主要的类型有number、string、object 以及 Boolean 类型,其他两种类型为 null 和 undefined。2、img的alt和title的异同？10分答：title属性为设置该属性的元素提供建议性的信息。比如为链接添加描述性文字。为不能显示图像、窗体或applets的用户代理（UA），alt属性用来指定替换文字。使用alt属性是为了给那些不能看到你文档中图像的浏览者提供文字说明。3、CSS的JS调用？如font-family, -moz-border-radius 10分答：fontFamily、MozBorderRadius?4、CSS布局：两列，左边宽度自适应，右边宽度固定200px 15分??#box1{width:100%;height:600px;position:relative;}#left1{margin-right:200px;border:1px solid red;height:100%;}#right1{width:200px;height:100%;position:absolute;top:0px;right