前端面试题笔试考题和答案 .pdfVIP

前端⾯试题笔试考题和答案

⼀、选择题1．下⾯标签嵌套正确的是（D）

A.ulp赶集⽹/p/ulB.ahref=#ahref=#赶集⽹/a/aC.dlli赶集⽹/li/dlD.olli赶集⽹/li/ol

2.在HTML中，（c）可以在⽹页上通过链接直接打开邮件客户端发送邮件。

A.ahref=”telnet:zhou@126.com”发送邮件/aB.ahref=”mail:zhou@126.com”发送邮件/aC.ahref=”mailto:zhou@126.com”发送邮件/aD.ahref=”ftp:zhou@126.com”发送邮件

3.请选出所有的置换元素（abcd）(多选)

A.imgB.inputC.textareaD.select

4．下⾯哪条声明能固定背景图⽚（A）

A.background-attachment:fixed;B.background-attachment:scroll;

C.background-origin:initial;D.background-clip:initial;

5．下列说法正确的是（AB）（多选）

A.display:none；不为被隐藏的对象保留其物理空间；B.visibility:hidden;所占据的空间位置仍然存在,仅为视觉上的完全透明；

C.visibility:hidden;产⽣reflow和repaint(回流与重绘)；D.visibility:hidden;与display:none;两者没有本质上的区别；

6．以下关于盒⼦模型描述正确的是（ab）

A.标准盒⼦模型中：盒⼦的总宽度＝左右margin+左右border+左右padding+widthB.IE盒⼦模型中：盒⼦总宽度＝左右margin+左右border+widthC.标准盒⼦模型中：盒⼦的总宽度＝左右

详细的介绍:

⽹页中的盒⼦模型；我们常常要控制盒⼦模型的宽度width:

w3c中的盒⼦模型的宽:包括margin+border+padding+width;

width:margin*2+border*2+padding*2+width;

height:margin*2+border*2+padding*2+height;

iE中的盒⼦模型的width:也包括margin+border+padding+width;

上⾯的两个宽度相加的属性是⼀样的。不过在ie中content的宽度包括padding和border这两个属性；

例如⼀个盒⼦模型如下：margin:20px,border:10px,padding:10px;width:200px;height:50px;

如果⽤w3c盒⼦模型解释，那么这个盒⼦模型占⽤的

宽度为：20*2+10*2+10*2+200=280px;

⾼度：20*2+10*2+20*2+50=130px;

盒⼦的实际宽度⼤⼩为:10*2+10*2+200=240px;

实际⾼度：10*2+10*2+50=90px;

⽤ie的盒⼦模型解释：盒⼦在⽹页中占据的⼤⼩为20*2+200=240px;⾼：20*2+50=90px;

盒⼦的实际⼤⼩为：宽度:200px,⾼度:50px;

我们常常理解的盒⼦模型是w3c这样的盒⼦模型

7．英⽂字母全部转为⼤写正确的是（c）

A.text-transform:capitalize;B.text-transform:lowercase;C.text-transform:uppercase;D.font-weight:bold;

8.页⾯有⼀个按钮buttonid为button1，通过原⽣的js如何禁⽤？（cd）(多选)

A.document.getElementById(button1).readolny=true;B.document.getElementById(button1).setAttribute(readolny,true);

C.document.getElementById(button1).disabled=true;D.document.getElementById(button1).setAttribute(disabled,true);

9．页⾯有⼀个按钮buttonid为button1，通过原⽣的js设置背景⾊为红