第一章测试

1. WWW 是 （ ）的意思。（ ）

A:浏览器

B:万维网

C:网页

D:超文本传输协议

答案:B

2. 统一资源定位符是指：（ ）

A:从一个网页指向另一个目标的连接关系。

B:Web服务器。

C:服务器地址。

D:因特网上标准的资源的地址。

答案:D

3. 以下属于浏览器的是：（ ）

A:Mozilla Firefox

B:Hbuilder

C:Google Chrome

D:IE

答案:ACD

4. Web前端开发主要任务是信息内容的呈现和用户界面设计。（ ）

A:错

B:对

答案:B

5. CSS（也称为层叠样式表）是用来呈现网页外观样式的一组规范，它可以定义网页的样式表现。（ ）

A:对

B:错

答案:A

6. JavaScript是一种运行在的服务器端的脚本语言，使用Javascript可以开发交互式的Web页面。（ ）

A:错

B:对

答案:A

7. Document Object Model文档对象模型，DOM与JavaScript结合起来实现了Web网页的行为与结构的分离。（ ）

A:对

B:错

答案:A

8. BOM主要处理浏览器窗口和框架，常见的BOM窗口有Window对象、Navigator对象、Screen对象、History对象和Location对象。（ ）

9.

10.

A:对

B:错

答案:A

AJAX即异步JavaScript和XML，是一种支持异步请求的技术。（ ）

A:错

B:对

答案:B

同一个HTML页面，在不同浏览器上的显示效果是一样的。（ ）

A:对

B:错

答案:B

11. Web前端开发常用的技术有：（ ）

A:HTML

B:JavaScript

C:CSS

D:PHP

答案:ABC

12. 浏览器对HTML文档解析显示的结果就是我们平时看到的网页。（A:对

B:错

答案:A

13. 下面哪一个工具用于Web前端开发？（ ）

A:C++

B:Java

C:Matlab

D:Hbuilder

答案:D

14. 在URL地址中多个参数之间使用（）进行分割。（ ）

A:&

B:-

C:|

D:+

答案:A

15. Web是一种分布式应用结构。（ ）

A:对

B:错

答案:A

第二章测试

1. 下列哪个是用于定义标题的标签（ ）

A:p

B:hr

）

C:h1

D:hw

答案:C

2. html中的注释标签是（ ）

A:<–! –>

B:<– –!>

C:<– –>

D:

答案:D

3. 哪两个属性可用于表格的合并单元格（ ）

A:trspan

B:rowspan

C:colspan

D:tdspan

答案:BC

4. 下面的哪个标签定义了浏览器工具栏的标题（ ）

A:head

B:body

C:html

D:title

答案:D

5. HTML 元素可以设置属性，属性总是以名称/值对的形式出现。（A:错

B:对

答案:B

6. 所有的 HTML 标记符都包括开始标记符和结束标记符。（ ）

A:错

B:对

答案:A

7. B 标记符表示用粗体显示所包括的文字。（ ）

A:对

B:错

答案:A

8. HTML 表格在默认情况下有边框。（ ）

A:错

B:对

答案:A

9. 创建图象映射时，理论上可以指定任何形状作为热点。（ ）

A:对

B:错

答案:A

）

10. 指定滚动字幕时，不允许其中嵌入图象。（ ）

A:错

B:对

答案:A

11. 使用 FONT 标记符的 size 属性可以指定字体的大小。（ ）

A:对

B:错

答案:A

12. 以下有关表单的说明中，错误的是（ ）

A:在 FORM 标记符中使用 action 属性指定表单处理程序的位置。

B:在 FORM 标记符中使用 method 属性指定提交表单数据的方法。

C:表单通常用于搜集用户信息

D:表单中只能包含表单控件，而不能包含其他诸如图片之类的内容。

答案:D

13. 如果要在表单里创建一个普通文本框，以下写法中正确的是（ ）

A:

B:

C:

D:

答案:B

14. 要定义表单元素中的密码框，input标签中type属性应设为password。（A:对

B:错

答案:A

15. 要实现表单元素中的复选框，input标签的type属性应设为（ ）

A:text

B:select

C:radio

D:checkbox

答案:D

16. 定义表单所用的标签是（ ）

A:input

B:select

C:table

D:form

答案:D

第三章测试

1. 下列哪种方式是用类选择器定义样式的（ ）

A:p{color:inherit;}

B:p,h1{color:inherit;}

C:#two{color:inherit;}

）

2.

3.

4.

5.

6.

D:.one{color:inherit;}

答案:D

下列样式定义字体为宋体、字体颜色为红色、斜体、大小20px、粗细800号，正确的定义是：（ ）

A:p {font-family：20px；font-size：宋体；font-weight：800；color:inherit;font-style：italic； }

B:p {font-family：20px；font-size：800；font-weight：宋体；color:inherit;font-style：italic； }

C:p {font-family：宋体；font-size：20px；font-weight：800；color:inherit;font-style：italic； }

D:p{font-family：800；font-size：20px；font-weight：red；color:inherit;font-style：宋体； }

答案:C

下列样式定义字体间距为0.5倍间距、水平左对齐、垂直顶端对齐、有下划线，正确的定义是：（ ）

A:p{text-decoration：left；letter-spacing：top；vertical-align：0.5em；text-align：underline； }

B:p{text-decoration：underline；letter-spacing：0.5em；vertical-align：top；text-align：left； }

C:p{text-decoration：underline；letter-spacing：0.5em；vertical-align：left；text-align：top； }

D:p{text-decoration：0.5em；letter-spacing：underline；vertical-align：top；text-align：left； }

答案:B

在 html 中，下列几条关于样式表优点的说法错误的是（ ）

A:样式表可以使页面内容和显示样式分离

B:样式表不可以重用

C:一个样式表对应一个 html 文档

D:样式表可以改变浏览器的默认显示风格

答案:BC

要在html标签中应用css类选择器所定义的样式，要设置标签的（ ） 属性。（ ）

A:class

B:src

C:name

D:id

答案:A

在html文件中引用文件中的样式，方法是（ ）

A:

B:

C:

7.

8.

9.

10.

11.

12.

13.

D:

答案:B

下列选项中，用于改变盒子模型内填充的是（ ）

A:padding

B:margin

C:type

D:border

答案:A

下列选项中，可清除元素默认外边距的是（ ）

A:line-height:0;

B:font-size:0;

C:padding:0;

D:margin:0;

答案:D

下列选项中，属于引入CSS样式表的方式是（ ）

A:内嵌式

B:行内式

C:旁引式

D:外链式

答案:ABD

下列选项中，用于设置首行文本缩进的属性是（ ）

A:text-indent

B:text-shadow

C:white-space

D:text-overflow

答案:A

使用position：relative；可以将元素的定位模式设定为绝对定位。（ ）

A:对

B:错

答案:B

CSS选择器中的属性选择器，可以根据元素的属性和属性值来选择元素。（ ）

A:对

B:错

答案:A

使用CSS设置背景图像的的方法是：background-image: url(图像文件地址)；（ ）

A:错

B:对

答案:B

14. 在设置边框宽度时，必须同时设置边框样式，否则设置的宽度无效。（ ）

A:错

B:对

答案:B

第四章测试

1. 实现下拉列表框，要用到一下哪几个标签?（ ）

A:radio

B:option

C:select

D:input

答案:BC

2. 要把多个单选框设为一组，即一组之中只有一个可被选定，应把每个单选框的value属性的值设为相同。（ ）

A:对

B:错

答案:B

3. 用户可以在表单中通过text元素创建一个多行文本框，用来输入较长的文本数据。（ ）

A:对

B:错

答案:B

4. HTML5的新增元素中，header元素是一种具有引导和导航作用的结构元素，该元素可以包含所有通常放在页面头部的内容。（ ）

A:错

B:对

答案:B

5. HTML5关于的分组元素有哪些？（ ）

A:figcaption

B:hgroup

C:figure

D:article

答案:ABC

6. 以下有关按钮的说法中，错误的是（ ）

A:可以用图像作为重置按钮。

B:可以控制提交按钮上的显示文字。

C:可以用图像作为提交按钮。

D:可以控制重置按钮上的显示文字。

答案:A

7. 为了解决各浏览器对不同视频和音频格式不完全支持的问题。在HTML5中，运用source 元素可以为video元素或audio元素提供多个备用文件。浏览

器将使用第一个支持的音频文件。（ ）

A:错

B:对

答案:B

8. 要创建一个电子邮件地址文本框，可以是使用如下语句：（ ）

A:请输入您的邮箱：

B:请输入您的邮箱：

C:请输入您的邮箱：

D:请输入您的邮箱：

答案:C

9. HTML5 中通过video元素来包含视频。该标记支持三种视频格式，分别为MP4、WebM、Ogg。（ ）

A:错

B:对

答案:B

第五章测试

1. border-radius:20px 30px;表示设置左上角与右下角的的圆角半径为20px，右上角与左下角的圆角半径为30px。（ ）

A:对

B:错

答案:A

2. 下面与边框图片有关的属性是：（ ）

A:border-image-width

B:border-image-repeat

C:border-image-source

D:border-image-slice

答案:ABCD

3. CSS3可以通过属性transform实现2D或3D变换。（ ）

A:错

B:对

答案:B

4. CSS3可以实现的2D转换有：（ ）

A:旋转

B:平移

C:倾斜

D:缩放

答案:ABCD

5. 要将元素向右平移50px，向下平移30px，可以通过下面哪个实现？（ ）

A:translate(50px,30px);

B:skew(30px,50px);

6.

7.

8.

9.

10.

11.

12.

C:translate(30px,50px);

D:skew(50px,30px);

答案:A

下面能实现放大功能的是：（ ）

A:scale(-1,-2);

B:scale(0.5,0.5);

C:scale(2,3);

D:scale(1,1);

答案:C

skew(20deg,50deg)表示元素顺时针倾斜20度，逆时针倾斜50度。（ ）

A:错

B:对

答案:A

rotate()方法的参数是一个度数，当参数大于0时，表示顺时针旋转，当参数小于0时，表示逆时针旋转。（ ）

A:错

B:对

答案:B

使用transition属性设置多个过渡效果时，它的各个参数必须按照顺序进行定义，不能颠倒。（ ）

A:对

B:错

答案:A

在CSS3中，@keyframes规则用于创建动画。（ ）

A:对

B:错

答案:A

下面的代码设置的效果是：p{column-count:3;column-gap:40px;column-rule:4px green;} （ ）

A:列数为3，列间隙40px，边框宽度为3px，边框颜色为蓝色

B:列数为4，列宽度40px，边框宽度为3px，边框颜色为绿色

C:列数为3，列间隙40px，边框宽度为4px，边框颜色为绿色

D:列数为3，列宽度40px，边框宽度为3px，边框颜色为绿色

答案:C

要给文本添加阴影，可以使用哪个属性设置？（ ）

A:box-shadow

B:text-shadow

C:word-wrap

D:text-overflow

答案:B

13. text-overflow:ellipsis;表示当文本溢出时，显示省略标记”…“.（ ）

A:错

B:对

答案:B

14. 下面哪个属性用于指定列之间边框的样式？（ ）

A:column-rule-gap

B:column-rule-style

C:column-rule-width

D:column-rule-color

答案:B

15. 目前所有浏览器都完全支持 CSS3 的特性。（ ）

A:错

B:对

答案:A

第六章测试

1. alert方法的作用是 （ ）

A:弹出输入对话框，该对话框的可让用户输入内容。

B:弹出确认对话框，该对话框的要用户选择“确认”或“取消”。

C:弹出对话框，该对话框的内容是该方法的参数内容。

D:弹出新窗口。

答案:C

2. 分析以下JavaScript程序var x=prompt(“请输入1-5的数字！”,“”);switch

(x)case “1”:alert(“one”);case “2”:alert(“two”);case “3”:alert(“three”);case

“4”:alert(“four”);case “5”:alert(“five”);default:alert(“none”);运行以上程序，在提示对话框中输入“4”，依次弹出的对话框将输出: （ ）

A:five,none

B:five

C:four,five,none

D:four,none

答案:C

3. 鼠标移入事件和鼠标移出事件分别是（ ）

A:onmousedown，onmouseup

B:onmouseout，onmouseover

C:onmouseover，onmouseout

D:onmouseup, onmousedown

答案:C

4. 在JavaScript程序中加入注释，方法有（ ）

A:/注释内容

B:/注释内容/

C://注释内容

5.

6.

7.

8.

9.

10.

11.

D:/*注释内容

答案:BC

以下JavaScript变量名不合法的有（ ）

A:My@variable

B:4Myvariable

C:Myvariable4

D:function

答案:ABD

history对象中能实现网页后退效果的方法是（ ）

A:go(1)

B:back( )

C:forward( )

D:go(-1)

答案:BD

看以下JavaScript程序var a,b,c;a=“2”；b=2；c=a+b;运行以上程序后，变量c的值为”22”。（ ）

A:错

B:对

答案:B

分析以下JavaScript程序*var i;i=8；do{i++;}while(i>100);运行以上程序后，变量i的值为8。（ ）

A:错

B:对

答案:A

在 html 中，使用外部 JS 文件的语句为（ ）

A:

B:

C:

D:

答案:C

在 html 中，下列列表框的某一项被选中时将触发哪个事件？（ ）

A:Click

B:onLoad

C:onChange

D:onFocus

答案:C

在Math对象中，获取绝对值的方法为（ ）

A:floor（）

B:pow（）

C:random（）

12.

13.

14.

15.

D:abs（）

答案:D

分析以下代码，调用函数factorial(4)的结果是什么？function factorial(n)

{ // 定义回调函数if (n == 1) {return 1; // 递归出口}return n * factorial(n -

1);} （ ）

A:1

B:2

C:4

D:24

答案:D

下列哪个不属于JS事件绑定方式（ ）

A:事件监听

B:嵌入式

C:动态绑定式

D:行内绑定式

答案:B

要将页面内id属性为title的h1标题设置其显示的内容为“今日新闻”，可以使用下面那个语句？（ ）

答案:D

关于代码mentsByTagName(‘li’);（ ）下面那个选项是错误的是

A:可以通过索引来获取指定li元素

B:返回值是一个类似于数组的集合

C:返回值是一个数组

D:获取了文档中所有的li元素

答案:C

第七章测试

1. 根据指定的类名可匹配所有元素的是（ ）

A:$("div") B:$(“li,p,div”)

C:$(".title") D:$(“#title”)

答案:C

2. jQuery对象声明，是通过（）符号来实现的。（ ）

A:￥

B:&

C:@

D:$

答案:D

3. 以下可以获取表单中所有被选中的复选框的是（ ）

A:其余答案都不正确

B::checked

C::checkbox

4.

5.

6.

7.

8.

9.

10.

D::selected

答案:C

jQuery选择器中，通过符号（）可获取父元素下的所有子元素。（ ）

A:空格

B:>

C:+

D:~

答案:B

以下选项中可以获取前三项

元素的是（ ）

A:$("li:eq(3)") B:$(“li:gt(3)”)

C:$("li:lt(3)") D:$(“li:not(li:eq(3))”)

答案:C

下面选项中，能够将id值为conent的元素添加“标题”的是（ ）

A:$("#content").text() B:$(“#content”).text(

标题

)

C:$("#content").text("

标题

标题

“)

答案:D

jQuery中指定请求获取JSON数据的方法是（ ）

A:.

本文标签： 元素 属性 用于