【天渔教育-2013校招】web前端试题A卷
前端测试题及答案
前端测试题及答案一、单选题（每题2分，共10分）1. HTML5中，用于定义文档类型和HTML版本信息的标签是？A. `<!DOCTYPE html>`B. `<html>`C. `<head>`D. `<title>`答案：A2. CSS中，以下哪个属性用于设置元素的背景颜色？A. `background-color`B. `color`C. `font-color`D. `background`答案：A3. JavaScript中，用于获取页面中元素的DOM操作是？A. `getElementById()`B. `getElementsByClassName()`C. `getElementsByTagName()`D. `querySelector()`答案：A4. 在JavaScript中，以下哪个方法用于将字符串转换为小写？A. `toUpperCase()`B. `toLowerCase()`C. `toLocaleUpperCase()`D. `toLocaleLowerCase()`答案：B5. 下列哪个是JavaScript中的一个全局函数，用于解析JSON字符串？A. `JSON.parse()`B. `JSON.stringify()`C. `eval()`D. `decodeURI()`答案：A二、多选题（每题3分，共15分）6. 以下哪些是HTML5新增的语义化标签？A. `<article>`B. `<section>`C. `<footer>`D. `<p>`答案：ABC7. CSS中，哪些属性可以设置元素的字体大小？A. `font-size`B. `font-family`C. `line-height`D. `font-weight`答案：A8. JavaScript中，哪些方法可以用来创建一个新的数组？A. `Array()`B. `new Array()`C. `[]`D. `new ArrayConstructor()`答案：ABC9. 在JavaScript中，哪些是事件对象的属性？A. `event.type`B. `event.target`C. `event.preventDefault()`D. `event.stopPropagation()`答案：AB10. 下列哪些是JavaScript中常见的异步编程模式？A. 回调函数B. PromiseC. 事件监听D. 同步编程答案：ABC三、判断题（每题1分，共5分）11. HTML中的`<img>`标签必须包含`src`属性。
网页前端笔试题库及参考答案
1、下面不属于CSS插入形式的是( )。
A、索引式B、内联式C、嵌入式D、外部式2、如果站点服务器支持安全套接层(SSL)，那么连接到安全站点上的所有URL开头是( )。
A、HTTPB、HTTPSC、SHTTPD、SSL3、静态网页的主页一般命名为( )。
A、index.aspB、index.htmlC、defalut.aspD、defalut.html4、为了标识一个HTML文件开始应该使用的HTML标记是( )。
A、<table>B、<body>C、<html>D、<a>5、 body元素用于背景颜色的属性是( )A、alinkB、vlinkC、bgcolorD、background6、在HTML中，要定义一个空链接使用的标记是( )A、<a href=”#”>B、<a href=”?”>C、<a href=”@”>D、<a href=”!”>7、网页中“#FFFFFF”表示哪种颜色( )。
A、黄色B、黑色C、蓝色D、白色8、下面哪一项是换行符标签？( )A．<body> B．<font> C．<br> D．<p>9、在网页中最为常用的两种图像格式是( )。
A、JPEG和PNGB、JPEG和PSDC、GIF和BMPD、BMP和PSD10、对远程服务器上的文件进行维护时，通常采用的手段是( )A、 POP3B、FTPC、SMTPD、Gopher11、下列Web服务器上的目录权限级别中，最安全的权限级别是()A、读取B、执行C、脚本D、写入12、在Html模板制作中，想要使用户在点击超链接时，弹出一个新的网页窗口，需要在超链接中定义目标的属性为( )A、parentB、_bankC、_topD、_self13、下列元素中，为行内元素的是( )。
A、divB、spanC、pD、h314、下列引用外部样式表style1.css 的语句中，正确的是()。
Web前端笔试115道题(带答案及解析)
Web前端笔试115道题（带答案及解析）1、html5为什么只需要写<!doctype html>?答：html5不是基于sgml（标准通用标记语言），不需要对dtd文件进行引用，但是需要doctype来规范浏览器的行为，否则浏览器将开启怪异模式，而html4.01基于sgml，需要引入dtd，才能告知浏览器文档使用的文档类型2、行内元素有哪些？块级元素有哪些？空（void）元素有哪些？行内元素有：a b span img input select strong （强调的语气）块级元素有：div ul ol li dl dt dd h1 h2 h3 h4…p知名的空元素：<br> <hr> <img> <input><link> <meta>鲜为人知的是：<area> <base> <col> <command> <embed> <keygen> <param><source> <track> <wbr>3、页面导入样式时，使用link和@import有什么区别？两者都是外部引用CSS的方式，但是存在一定的区别：区别1：link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。
区别2：link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。
web前端面试题(及答案)
web前端面试题(及答案)编辑整理：尊敬的读者朋友们：这里是精品文档编辑中心，本文档内容是由我和我的同事精心编辑整理后发布的，发布之前我们对文中内容进行仔细校对，但是难免会有疏漏的地方，但是任然希望（web前端面试题(及答案)）的内容能够给您的工作和学习带来便利。
同时也真诚的希望收到您的建议和反馈，这将是我们进步的源泉，前进的动力。
本文可编辑可修改，如果觉得对您有帮助请收藏以便随时查阅，最后祝您生活愉快业绩进步，以下为web前端面试题(及答案)的全部内容。
1、常用那几种浏览器测试?有哪些内核（Layout Engine）？答：（Q1) 浏览器：IE，Chrome，FireFox，Safari，Opera。
(Q2）内核：Trident，Gecko,Presto，Webkit。
2、说下行内元素和块级元素的区别?行内块元素的兼容性使用？（IE8 以下）答:（Q1）行内元素:会在水平方向排列，不能包含块级元素，设置width无效，height无效(可以设置line—height)，margin上下无效，padding上下无效。
块级元素：各占据一行,垂直方向排列.从新行开始结束接着一个断行。
（Q2）兼容性：display：inline-block；＊display:inline；*zoom:1；3、清除浮动有哪些方式？比较好的方式是哪一种？答：(Q1)（1）父级div定义height。
(2）结尾处加空div标签clear：both.（3）父级div定义伪类：after和zoom.（4）父级div定义overflow：hidden.（5）父级div定义overflow:auto。
（6）父级div也浮动，需要定义宽度.(7）父级div定义display:table。
（8)结尾处加br标签clear:both。
(Q2）比较好的是第3种方式，好多网站都这么用。
4、box-sizing常用的属性有哪些？分别有什么作用?答：（Q1)box-sizing: content-box|border—box｜inherit；（Q2）content—box:宽度和高度分别应用到元素的内容框。
web前端上机考试题
以下是一些Web前端上机考试题：
HTML是什么？
答案：HTML是一种标记语言，用于创建网页结构和内容。
CSS是什么？
答案：CSS是一种样式表语言，用于控制网页的外观和布局。
JavaScript是什么？
答案：JavaScript是一种脚本语言，用于在网页中实现动态效果和交互。
如何使用HTML创建一个链接？
答案：使用<a>标签，例如<a href=" ">这是一个链接</a>。
如何使用CSS设置背景颜色？
答案：使用background-color属性，例如background-color: #fff。
如何使用JavaScript实现一个按钮的点击效果？
答案：使用button元素的onclick属性，例如<button onclick="alert('你点击了按钮')">点击我</button>。
什么是响应式设计？
如何使用CSS设置字体大小？
答案：使用font-size属性，例如font-size: 16px。
如何使用JavaScript实现页面滚动效果？
答案：使用window对象的scrollTo()方法，例如window.scrollTo(0,0)。
web前端开发工程师笔试卷试题及答案
web 前端开发工程师笔试题1.html 的含义是什么，其主体部分由什么标记组成？Html 是一种标准，一种规范，它经过标记符号来标记要显示在网页中的各个部分，被称为超文本标记语言。
标记和之间的内容组成了 html 的主体部分。
网页中全部内容，包含文字，图片，连结都包含在此标记符内。
2.说明在网页设计xxDIV标签的作用Div 中文名被称为“层次”能够把文档切割成独立的，不一样的部分。
它能够用作严格的组织工具，而且不合用任何格式与其余关系。
指的是什么？在网页设计中为何要用到css技术？css 是级联款式表，用来进行网页风格设计。
使用款式表能够一致的控制html 中各标记的显示属性。
精准确实定元素的地点，扩大网页外观和特特成效的显示能力。
中 id 和 class怎么定义，哪个定义的优先级别高？假如class 定义一个html 元素没边框，而id 定义这个元素有边框，结果呢？<divclass= ” a1” ,id= ” a2” ></div>先听 id 的。
5.IE6 下为何不可以第一1PX左右高度的容器？IE6 默认的行高造成的。
6.如何才能让层显示在FLASH之上？给 FLASH设置透明， param value=transparent。
7.如何使一个层垂直剧中于阅读器中？8. firefox 嵌套 div 标签的剧中问题假设有以下状况：<div id=” a”><div id=” b” ></div></div>假如要实现 b 在 a 中剧中搁置该如何实现？解决方法就是除了需要在 a 中设置 text-align 属性为 center 以后，还需要设置 b 的横向 margin 为 auto。
比如设置 b 的 CSS款式为：margin:0 auto;因此，设置以下就能够实现居中：<div id="a" style="width:200px;border:1px solid red;text-align:center;"><divid="b"style="background-color:blue;width:30px;margin:0auto"></div></div>下载阅读速度快。
web前端面试题及答案
丹青不知老将至，贫贱于我如浮云。
——杜甫web前端面试题及答案前端开发面试题及答案1、对Web标准以及W3C的理解与认识2、某HTML和HTML有什么区别答：HTML是一种基本的WEB网页设计语言，某HTML是一个基于某ML 的置标语言最主要的不同：某HTML元素必须被正确地嵌套;某HTML元素必须被关闭;某HTML文档必须拥有根元素。
3、Doctype严格模式与混杂模式-如何触发这两种模式，区分它们有何意义答：Doctype用于声明文档使用哪种规范(HTML/某HTML)加入某ML声明可触发，解析方式更改为IE5.5拥有IE5.5的bug。
4、行内元素有哪些块级元素有哪些CSS的盒模型答：行内元素：abbripaninputelect块级元素：divph1h2h3h4formulCSS盒模型：内容，bordermarginpadding答：方式：内联内嵌外链导入区别：同时加载前者无兼容性，后者CSS2.1以下浏览器不支持古之立大事者，不惟有超世之才，亦必有坚忍不拔之志。
——苏轼老当益壮，宁移白首之心；穷且益坚，不坠青云之志。
——唐·王勃Link支持使用javacript改变样式，后者不可。
6.CSS选择符有哪些哪些属性可以继承优先级算法如何计算内联和important哪个优先级高后者优先级高7、前端页面有哪三层构成，分别是什么作用是什么答：结构层HTML表示层CSS行为层JS8、你做的页面在哪些浏览器测试过这些浏览器的内核分别是什么答：Ie(Ie内核)火狐(Gecko)谷歌(webkit)opear(Preto)答：Alt当图片不显示时，用文字代表Title为该属性提供信息。
10、描述CSSReet的作用和用途答：Reet重置浏览器的CSS默认属性浏览器的品种不同，样式不同，然后重置，让他们统一。
100-199用于指定客户端应响应的某些动作。
200-299用于表示请求成功。
人人好公，则天下太平；人人营私，则天下大乱。
Web前端工程师笔试题.docx
Web前端工程师笔试题一.不定项选择题（30分）1） HTML5的正确文档声明类型是？（D ）A、<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 5.0//EN"n /TR/html5/strict.dtd H>B、<!DOCTYPE HTML5>C、<!DOCTYPE html5>D、<!doctype html>E、<abbr> 2） HTML5中不再支持下面哪些元素？（ABCD）A x <font>B x <frameset>C x <center>D x < marquee〉3） HTML5新增的input type类型有哪些？（BCDE）A、image B x color C x date D x range E、tel4） HTML5中播放音频和视频的标签有哪些？（DE ）A、mp3B、movieC、mp4D、videoE、audio5）正确描述<canvas>标签的是？（BCE ）A、定义用于网络的基于矢量的图形B、必须通过脚本语言才能进行绘图C、不支持事件处理器D、不依赖分辨率E、弱的文本渲染能力6）以下CSS样式表中优先级最高的是？（C）A、外咅B样式表B、内咅阱羊式表C、内联样式7)以下哪些是CSS3中新增的属性？(ABCD)A x border-radiusB x box-sizingC x background-size D、text-shadow E x white-space8)可以实现图片保持宽高等比例缩放的是？(BD)A、width: 100%;height: 100%;B、width: 100%;height:auto;C x background-size: 100% 100%;D x background-size: 100%;9)可以实现选择某个元素的所有奇数项的选择器是？(C)A、:first-of-type B x :nth-child(2n+1) C x :nth-of-type(2n+1) D、:nth-last-of-type(3n)10)可以实现只选择与div相邻的p元素的选择器是？(E)A x div＞pB x div，pC x div pD x div~pE x div+pID若想实现逬入页面时改变某HTML元素的样式,则应把js代码写在什么位置? (C)A x＜/head＞之前B x v/head＞之后C x＜/body＞之前D、＜/body＞之后12)以下哪个js写法是正确的？(A)A、getElementByld B x getElementbylD C x GetElementbyld D x GetElementByld13)判断a和b在各方面都相等的语句是？( C )A x a = bB x a == bC x a === bD x a ==== b14）以下哪种方法能够获取网页的可见区诚宽度？(BCF)A、window.screen.widthB x window.innerWidthC x document.body.clientWidthD、document.body.offsetWidthE x document.body.scrollWidthF x document.documentElement.clientWidth15）以下哪种方法能够在所有浏览器中都能改变P的样式名称？（A）A、p.className=H a,f B. p.setAttribute ("class”，"a”) C s p.setAttribute(,,className l\ H a n);问答题（30分）1）写出几个HTML5新增的元素,并说明他们是块级元素还是行内元素块级元素 ：<article>x <aside>K <section>x <footer>x <header>x <figure>x <figcaption>彳亍内元素：<mark>x <progress>x <meter>x <time>x <canvas>x < svg>x <video>x <audio>2）移动端网页通常需要设置的禁止缩放功能的meta 信息是什么？<mcta name —'viewport” contcnt=n width=dcvicc-width, initial-scalc=l, uscr-scalablc=no H >3） CSS 的position 定位方式有哪几种？有什么不同？Static 定位：默认值,静态定位，即没有定位■元素岀现在正常的流中,不会受到top, bottom, left, right 的影响,会随着窗口滚动而滚动。
web前端笔试题及答案
web前端笔试题及答案一、HTML部分1. 什么是HTML？HTML（超文本标记语言）是一种用于创建网页的标准标记语言，它结合了文本、图像和其他内容，以及用于规定布局和样式的标签和属性。
2. HTML5中新增了哪些元素和功能？HTML5引入了很多新的元素和功能，包括但不限于以下几个：- 新的语义化标签，如`<header>`、`<footer>`、`<nav>`等，用于更好地描述页面内容的结构。
- 音频和视频元素`<audio>`和`<video>`，以及对应的控制API，使得在网页中嵌入和控制多媒体内容更加方便。
- 表单部分的增强，包括新增的输入类型（如日期、时间、邮箱等）和表单验证功能。
- WebGL、Canvas和SVG的支持，实现更丰富的图形和动画效果。
- 本地存储，如LocalStorage和SessionStorage，提供了在浏览器端存储数据的能力。
- 增强的地理定位、拖拽、离线应用等功能。
3. 请描述一下HTML中的块级元素和内联元素的区别。
- 块级元素：块级元素会独占一行或多行空间，可以设置宽度、高度、外边距和内边距等样式属性。
常见的块级元素包括`<div>`、`<p>`、`<h1>`-`<h6>`等。
- 内联元素：内联元素与其他元素在一行上并排显示，宽度和高度由内容决定，无法设置上述的样式属性。
常见的内联元素包括`<span>`、`<a>`、`<strong>`、`<em>`等。
4. 如何在HTML中嵌入图像？可以使用`<img>`元素来在HTML中嵌入图像，需要设置`src`属性为图像文件的URL，如：```<img src="image.jpg" alt="描述性文本">```其中，`alt`属性指定了在图像无法加载时的替代文本，可以提高可访问性。
Web前端开发试卷及答案
Web前端开发系班级姓名成绩一、填空题（每空4分，共40分）1、目前常用的WEB标准静态页面语言是__ ______。
2、改变元素的外边距用________，改变元素的内填充用________。
3、在Table中，TR是________，TD是________。
4、如果给一行两列的表格（table）定义高度样式，在________标签中定义最合理，最能减少代码的臃肿。
5、对ul li的样式设成无，应该是用什么属性________。
6、在新窗口打开链接的方法是________。
7、合理的页面布局中常听过结构与表现分离，那么结构是________，表现是________。
二、选择题（每小题5分，共20分）1、在下面的XHTML中，哪个可以正确地标记折行？A：<br /> B：<break/> C：<br>2、下列哪些是格式良好的XHTML？A：<p>A <b><i>short</b></i> paragraph</p>B：<p>A <b><i>short</i></b> paragraph</p>C：<p>A <b><i>short</i></b> paragraph3、在以下的HTML中，哪个是正确引用外部样式表的方法？A：<style src="mystyle.css">B：<link rel="stylesheet" type="text/css" href="mystyle.css">C：<stylesheet>mystyle.css</stylesheet>4、在HTML文档中，引用外部样式表的正确位置是？A：文档的末尾B：文档的顶部C：<body>部分D：<head>部分二、简答题（共40分）1、请写出超链接的顺序或者你在初始样式中的链接方法。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
2013届校园招聘软件工程师岗位（web前端方向）
专业知识笔试试题A卷
姓名：移动电话：Q Q：
紧急联系电话：Email : 籍贯：
学校：专业：学历：
请您答题时注意如下事项：
一、本测试限时90分钟。
请您务必抓紧时间，在规定的时间内完成答卷。
二、在未宣布开始之前，不能提前回答问题，在开始答题后，请先完成综合素质测试试卷后再完成本试卷。
三、请将所有题目统一在答题纸上作答，不要在测评试题卷子上作任何记号。
四、请您按正确答案的题号和字母顺序，将客观题在答题卡上相应位置作答，以免错行。
五、切记不要把试题卷带出试场
请您务必遵守上述事项，确保考试结果为您真实水平！
注意：请认真阅读考试诚信书内容，慎重签字
1.(10分) [html]行内元素（内联元素）有哪些？块级元素有哪些？请分别例举至少5个。
2.(10分) [html]请写出如下图的HTML代码，使用table或div布局均可（使用div布局正确者可再加10
分）。
3.(10分) [CSS]请根据下图中（盒子模型）对div1填充样式内容：
（备注：请尽量使用CSS简写模式，如：使用margin:10px而不使用margin: 10px 10px10px10px，无需考虑颜色）
<style type="text/css">
#div1
{
width: ______________________;
height: ______________________;
margin: ______________________;
padding: ______________________;
border: ______________________;
}
</style>
<div id="div1"></div>
4.(10分) [CSS]请简述以下CSS语句的意思
#div1, div.cls1, p, a:hover
{
background: blue url(images/bg.jpg) top right no-repeat;
}
5.(10分) [CSS]请写出div1在不同浏览器（至少应包含IE6789、FF、Chrome）之间显示的结果是什么？
<style type="text/css">
#div1
{
color: green;
color: yellow\0;
*color: red;
_color: blue;
}
</style>
<div id="div1">我是什么颜色？</div>
6.(10分) [javascript]已知页面所有代码如下，请至少写出两种获取以下代码中id为“p1”的DOM元素，
并说出它们的区别：
（备注：仅限使用javascript原生的方法，不允许使用第三方插件/类库）
<body>
<div id="div1">
<p id="p1" name=”pp”>我是段落</p>
</div>
</body>
7.(10分) [javascript]请简述“==”与“===”两个运算符的作用、规则并阐述它们之间的区别
8.(10分) [javascript]已知页面js代码如下，请写出运行结果：
<script type="text/javascript">
var a = "a1";
var b = "b1";
functiondemoA() {
this.a = "a2";
this.b = "b2";
}
demoA.prototype.c = function (msg) {
alert(this.a);
alert(msg);
}
vardemoB = {
a: "a3",
b: "b3"
};
var d1 = new demoA();
d1.c(demoB.b);
d1.c.call(demoB, this.b);
d1.c(this.b);
</script>
9.(10分) [jQuery]已知页面html结果如下，请至少写出3种筛选出id为span1元素的jQuery选择器方案
（必须包含最优选择器并备注），并描述出它们的优缺点：
<body>
<div id="div1">
<div class="cls1">
<p>段落一</p>
<span id="span1" name="sp" class="sp1">文字内容</span>
<div id="div2"></div>
</div>
<div class="cls1"></div>
</div>
</body>
10.(10分) [jQuery]请简述hover事件的用途，并编写一段程序简述它的使用。