2021知到答案 WEB组件化开发技术（山东联盟） 最新智慧树满分章节测试答案

第三章 单元测试

1、单选题：
若要以标题2号字、居中、红色显示”vbscrip”，以下用法中，正确的是

选项：
A:＜h2＞＜div align=”center”＞＜ font   color=”#ff00000”＞vbscript＜/font＞＜/div＞＜/h2＞

B:＜h2＞＜div align=”center”＞＜color=”#ff00000”＞vbscript＜/div＞＜/h2＞＜/font＞

C:＜h2＞＜div align=”center”＞＜ font color=”#ff00000”＞vbscript＜/div＞＜/h2＞＜/font＞

D:＜h2＞＜div align=”center”＞＜font   color=”#ff00000”＞vbscript＜＜/h2＞/div＞＜/font＞

答案: 【＜h2＞＜div align=”center”＞＜ font   color=”#ff00000”＞vbscript＜/font＞＜/div＞＜/h2＞

】

2、单选题：
CSS样式表不可能实现(  )功能

选项：
A:控制图片的精确位置

B:将格式和结构分离

C:一个CSS文件控制多个网页

D:兼容所有的浏览器

答案: 【兼容所有的浏览器

】

3、单选题：
关于文本对齐，源代码设置不正确的一项是

选项：
A:居中对齐：＜div align=”middle”＞…＜/div＞

B:两端对齐：＜div align=”justify”＞…＜/div＞

C:居左对齐：＜div align=”left”＞…＜/div＞

D:居右对齐：＜div align=”right”＞…＜/div＞

答案: 【居中对齐：＜div align=”middle”＞…＜/div＞

】

4、单选题：
设置表格字与边框的距离为0的HTML代码是

选项：
A:＜table cellpadding =0＞

B:＜table cellspacing =0＞

C:＜table height=0＞

D:＜table border=0＞

答案: 【＜table cellpadding =0＞

】

5、单选题：
要使表格的边框不显示，应设置border的值是

选项：
A:2
B:3
C:0
D:1
答案: 【0】

第四章 单元测试

1、单选题：
下列（     ）不属于CSS文本属性

选项：
A:line-height

B:font-size

C:text-transform

D:text-align

答案: 【line-height

】

2、单选题：
下列哪一项是CSS正确的语法构成

选项：
A:body:color=black

B:{body:color=black}

C:{body;color:black}

D:body{color:black}

答案: 【body{color:black}

】

3、单选题：
怎样给所有的＜h1＞标签添加背景颜色

选项：
A: h1.all {  background-color:#ffffff  }

B:.h1 {  background-color:#ffffff }

C: #h1 {  background-color:#ffffff  }

D: h1 {  background-color;  }

答案: 【 h1 {  background-color;  }

】

4、单选题：
下列哪个CSS属性可以更改样式表的字体颜色

选项：
A:text-color=

B:color:

C:text-color:

D:fgcolor

答案: 【color:

】

第五章 单元测试

1、单选题：
下列哪段代码能够定义所有P标签内文字加粗

选项：
A:p{ font-weight:bold; }

B:＜p  style=”text-size:blod”＞

C:p{ text-size:bold; }

D:＜ p  style=”font-size:blod”＞

答案: 【p{ font-weight:bold; }

】

2、单选题：
若要是设计网页的背景图形为bg.jpg，以下标记中，正确的是

选项：
A:＜body bgcolor=”bg.jpg”＞

B:＜body bground=”bg.jpg’’＞

C:＜body background=”bg.jpg”＞

D:＜body image=”bg.jpg”＞

答案: 【＜body background=”bg.jpg”＞

】

3、单选题：
若要以加粗宋体、12号字显示“vbscript”以下用法中，正确的是

选项：
A:＜b＞＜font size=“宋体” fontstyle=’font-size:12px’＞vbscript＜/b＞＜/font＞

B:＜b＞＜font style=’font-size:12px’＞vbscript＜/b＞＜/font＞

C:＜b＞＜font face=”宋体” style=’font-size:12px’＞vbscript＜/font＞＜/b＞

D:＜b＞＜font size=“宋体”style=’font-size:12px’2＞vbscript＜/b＞＜/font＞

答案: 【＜b＞＜font face=”宋体” style=’font-size:12px’＞vbscript＜/font＞＜/b＞

】

4、单选题：
若要产生一个4行30列的多行文本域，以下方法中，正确的是

选项：
A:＜TextArea Rows=”4” Cols=”30” Name=”txtintro”＞＜/TextArea＞

B:＜TextArea Rows=”30” Cols=”4” Name=”       txtintro”＞＜/TextArea＞

C:＜Input type=”text” Rows=”4” Cols=”30” Name=”txtintrol”＞

D:＜TextArea Rows=”4” Cols=”30” Name=”txtintro”＞

答案: 【＜TextArea Rows=”4” Cols=”30” Name=”txtintro”＞＜/TextArea＞

】

5、单选题：
用于设置文本框显示宽度的属性是

选项：
A:MaxLength

B:Length

C:.Size

D:Value

答案: 【.Size

】

第六章 单元测试

1、单选题：
在CSS中，为页面中的某个DIV标签设置样式div{width:200px;padding:0 20px; border:5px;}，则该标签的实际宽度为

选项：
A:200px

B:250px

C:240px

D:220px
答案: 【250px

】

2、单选题：
阅读下面CSS代码，下面选项中与该代码段效果等同的是().box { margin:10px 5px; margin-right:10px; margin-top:5px; }

选项：
A:.box { margin:5px 10px 0px 0px; }

B:.box { margin:5px 10px 10px 5px; }

C:.box { margin:10px 5px 10px 5px; }

D:.box { margin:5px 10px; }

答案: 【.box { margin:5px 10px 10px 5px; }

】

3、单选题：
阅读下面的HTML及CSS代码，图片距最外面的DIV外边缘的距离是＜style type=”text/css”＞  #outbox { border:10px solid #ff0000; width:400px; }#inbox { border:20px solid #ff0000; margin:10px; padding:10px; }  ＜/style＞  ＜div id=”outbox”＞ ＜div id=”inbox”＞＜img src=”flower.jpg” /＞＜/div＞ ＜/div＞

选项：
A:40px

B:30px

C:50px

D:10px

答案: 【50px

】

4、单选题：
下列对盒子模型描述不正确的是

选项：
A:盒子的宽度是内容宽度加上padding、border和margin。

B:盒子的填充、边框、边界和内容区域都分为上、下、右、左四个方向

C:CSS定义盒子的width和height时，实际上定义的是内容区域content的width和height。

D:一个盒子由边界、边框、填充和内容区域4个部分组成

答案: 【盒子的填充、边框、边界和内容区域都分为上、下、右、左四个方向

】

5、单选题：
以下关于CSS+DIV布局中关于盒子模型说法错误的是

选项：
A:盒子的实际宽度=左边界+左边框+左填充+内容宽度（width）+右填充+右边框+右边界

B:填充、边框和边界和内容区域都分为上、下、左、右四个方向，既可以分别定义，也可以统一定义。

C:一个盒子由4个独立的部分组成：Margin、Border、Padding、Border

D:盒子的实际高度=上边界+上边框+上填充+内容高度（height）+下填充+下边框+下边界。

答案: 【填充、边框和边界和内容区域都分为上、下、左、右四个方向，既可以分别定义，也可以统一定义。

】

第七章 单元测试

1、单选题：
下列（      ）表示左边距

选项：
A:indent

B:margin-left

C:margin

D:text-indent

答案: 【margin-left

】

2、单选题：
设置外边距（   ）是负数

选项：
A:不可以

B:可以

答案: 【不可以

】

3、单选题：
下列哪个css属性能够设置盒模型的内补丁为10.20.30.40（顺时针方向）？

选项：
A:padding:5px 20px 10px

B:padding:10px 20px 30px 40px

C:padding:10px 1px

D:padding:10px

答案: 【padding:10px 20px 30px 40px

】

4、单选题：
下列哪个属性能够设置盒模型的左侧外补丁？

选项：
A:indent

B:text-indent

C:margin:

D:margin-left

答案: 【margin-left

】

5、单选题：
定义盒模型外补丁的时候是否可以使用负值?

选项：
A:否

B:是

答案: 【是

】

第八章 单元测试

1、单选题：
在Javascript浏览器对象模型中，window对象的（）属性用来指定浏览器状态栏中显示的临时消息。

选项：
A:status

B:document

C:history

D:screen

答案: 【status

】

2、单选题：
我们可以在下列哪个HTML元素中放置javascript代码？

选项：
A:＜ js ＞

B:＜ scripting ＞

C:＜ script ＞

D:＜ javascript ＞

答案: 【＜ script ＞

】

3、单选题：
以下哪项不属于Javascript的特征？

选项：
A:Javascript是独立于平台的

B:Javascript是事件驱动的

C:Javascript代码需要编译以后才能执行

D:Javascript是一种脚本语言

答案: 【Javascript代码需要编译以后才能执行

】

4、单选题：
关于以下两个陈述的描述中，正确的是：（  ） 陈述1：Javascript是弱类型语言 陈述2：Javascript的常用类型包括：int、string、boolean

选项：
A:两个陈述都错误

B:陈述1正确，陈述2错误

C:两个陈述都正确

D:陈述1错误，陈述2正确

答案: 【陈述1正确，陈述2错误

】

5、单选题：
下列哪个不是Javascript中注释的正确写法：

选项：
A:＜ !– …… — ＞
B:/*……*/
C://……
答案: 【＜ !– …… — ＞】

第九章 单元测试

1、单选题：
在Javascript中，需要声明一个整数类型的变量num，以下哪个语句能实现上述要求？

选项：
A:number num;

B:.int num;

C:var num;

D:Integer num;
答案: 【var num;

】

2、单选题：
关于Javascript中数组的说法中，不正确的是：

选项：
A:数组内元素的类型可以不同

B:数组可以在声明的同时进行初始化

C:由于数组是对象，因此创建数组需要使用new运算符

D:数组的长度必须在创建时给定，之后便不能改变

答案: 【数组的长度必须在创建时给定，之后便不能改变

】

3、单选题：
除了一些常规的运算符之外，Javascript还提供了一些特殊的运算符。下面不属于Javascript特殊运算符的是：

选项：
A:size

B:delete

C:typeof

D:new

答案: 【size

】

4、单选题：
在HTML页面中，不能与onChange事件处理程序相关联的表单元素有

选项：
A:复选框

B:文本框

C:列表框

D:按钮

答案: 【按钮

】

5、单选题：
在javascript中,数组的(   )属性用于返回数组中元素的个数
选项：
A:push
B:length
C:shift
D:frst
答案: 【length】

第十章 单元测试

1、单选题：
编写Javascript函数实现网页背景色选择器，下列选项中正确的是

选项：
A:function change(color){  form.bgColor=color; }

B:function change(color){  document.bgColor=color; }

C:

function change(color){  window.bgColor=color; }

D:function change(color){  body.bgColor=color; }

答案: 【function change(color){  document.bgColor=color; }

】

2、单选题：
在HTML页面中包含一个按钮控件mybutton，如果要实现点击该按钮时调用已定义的Javascript函数compute，要编写的HTML代码是

选项：
A:input name=”mybutton” type=”button” onClick=”compute()”value=”计算”＞

B:input name=”mybutton” type=”button” onFocus=”compute()”value=”计算”＞

C:input name=”mybutton” type=”button” onClick=”function compute()”value=”计算”＞

D:＜input name=”mybutton” type=”button” onBlur=”compute()”value=”计算”＞

答案: 【input name=”mybutton” type=”button” onClick=”compute()”value=”计算”＞

】

3、单选题：
如果在HTML页面中包含如下图片标签，则选项中的（）语句能够实现隐藏该图片的功能＜img id=”pic” src=”Sunset.jpg” width=”400” height=”300”＞

选项：
A:document.getElementById(“pic”).style.display=”none”

B:document.getElementById(“pic”).style.display=”block”

C:document.getElementById(“pic”).style.display=”disvisible”

D:document.getElementById(“pic”).style.display=”visible”

答案: 【document.getElementById(“pic”).style.display=”none”

】

4、单选题：

选项：
A:stud

B:udent

C:tuden

D:uden

答案: 【uden

】

5、多选题：
下列选项中，（）段HTML代码所表示的“返回”链接能够正确实现IE工具栏中“后退”按钮的功能。（选择二项）
选项：
A:<a href=”javascript: location go(-1)”>返回</ a>
B:<a href=”javascript:history.back()”>返回</ a>
C:<a href=”javascript:history.go(-1)”>返回</ a>
D:<a href=”javascript:location.back()”>返回</ a>
答案: 【<a href=”javascript:history.back()”>返回</ a>;<a href=”javascript:history.go(-1)”>返回</ a>】

第十一章 单元测试

1、单选题：
在JavaScript中每隔一秒调用函数 foo(  ) ，下面哪种方法是正确的？

选项：
A:setInterval(“foo(  )”,1000)

B:clearTimeout(“foo(  )”,1000)

C:clearInteval(“foo(  )”,1000)

D:setTimeout(“foo(  )”,1000)
答案: 【setInterval(“foo(  )”,1000)

】

2、单选题：
在JavaScript中，下列哪段代码能够在1秒之后执行表达式expression？

选项：
A:window.setTimeout(1，expression)

B:window.setTimeout(expression，1)

C:window.setTimeout(expression，1000)

D:window.setTimeout(1000，expression)

答案: 【window.setTimeout(expression，1000)

】

3、单选题：
＜ body onLoad=”f1()” onError=”f2()’ ＞     ＜ input onFocus=”g1()” onBlur()=”g2()” ＞  ＜ /body ＞ 下列方法一定会被调用的是：(      )

选项：
A:f1()

B:g2()

C:f2()

D:g1()

答案: 【f1()

】

4、单选题：
与image对象不相关的事件处理是下列哪项：

选项：
A:

onLoad

B:onError

C:

onOpen

D:onMouseOut

答案: 【

onOpen

】

5、单选题：
以下哪条语句会产生运行错误（      ）
选项：
A:var obj =  (    );
B:var obj = [    ];
C:var  obj =/    /;
D:var obj = {    };
答案: 【var obj =  (    ); 】

第十二章 单元测试

1、单选题：
DOM为HTML文档定义了一个与平台无关的程序接口，使用该接口不可以控制文档的（    ）

选项：
A:脚本

B:样式

C:结构

D:内容

答案: 【结构

】

2、单选题：
在HTML页面中，下面有关的Document对象的描述错误的是

选项：
A:Document对象的location属性包含有关当前URL的信息

B:Document对象用于检索浏览器窗口中的HTML文挡的信息

C:Document对象用于检查和修改HTML元素和文档中的文本

D:Document对象提供客户最近访问的URL的列表

答案: 【Document对象提供客户最近访问的URL的列表

】

3、单选题：

选项：
A:语句报错,语法有问题

B:等待1秒钟后弹出一个对话框

C:每隔一秒钟弹出一个对话框

D:等待1000秒后，再弹出一个对话框

答案: 【每隔一秒钟弹出一个对话框

】

4、单选题：
在JavaScript中，下列哪段代码能够在1秒之后执行表达式expression？

选项：
A:window.setTimeout（expression，1）

B:window.setTimeout（1000，expression）

C:window.setTimeout（expression，1000）

D:window.setTimeout（1，expression）

答案: 【window.setTimeout（expression，1000）

】

5、单选题：
Javascript中制作图片代替按钮的提交效果需要手动提交方法submit(    )，以下调用正确的是（ ）
选项：
A:myform.submit()
B:window.myform.submit()
C:document.myform.submit()
D:submit()
答案: 【document.myform.submit()】

第十三章 单元测试

1、单选题：
以下关于Javascript中事件的描述中，不正确的是：

选项：
A:focus——获取焦点事件

B:click——鼠标单击事件

C:mouseOver——鼠标指针移动到事件源对象上时触发的事件

D:change——选择字段时触发的事件

答案: 【change——选择字段时触发的事件

】

2、单选题：
在IE中要想获得当前窗口的位置可以使用window对象的（ ）方法

选项：
A:windowLeft

B:screenLeft

C: screenX

D:windowX

答案: 【screenLeft

】

3、多选题：
下面对于JavaScript中的单选按扭（Radio）的说法正确的是（）。

选项：
A:单选按钮没有checked属性

B:单选按钮的Length属性返回一个选项组中单选项的个数

C:单选按钮可以通过单击“选种”和“未选中”选项来进行切换

D:单选按钮支持onClick事件

答案: 【单选按钮可以通过单击“选种”和“未选中”选项来进行切换

;单选按钮支持onClick事件

】

4、单选题：
在JAVAScript中,命令按纽（Button）支持的事件包括（）

选项：
A: onSelect

B: onSubmit

C:onChange

D:onClick

答案: 【onClick

】

5、单选题：
分析下面的JavaScript代码段： var a=15.49;document.write（Math.round（a））; 输出的结果是（）.

选项：
A:15.4

B:15

C:16

D:15.5

答案: 【15

】

第十四章 单元测试

1、单选题：
下面哪个选项中的对象与浏览列表有关

选项：
A:historylist,location

B:window,location

C:location,history

D:navigator,window

答案: 【location,history

】

2、单选题：
下列JavaScript语句中，（  ）能实现单击一个按钮时弹出一个消息框。

选项：
A:＜BUTTON VALUE =”鼠标响应” onClick=alert（”确定”）＞＜/BUTTON＞

B:＜BUTTON VALUE =”鼠标响应” onChange=alert（”确定”）＞＜/BUTTON＞

C:＜INPUT TYPE=”BUTTON” VALUE =”鼠标响应” onClick=alert（”确定”）＞

D:＜INPUT TYPE=”BUTTON” VALUE =”鼠标响应” onChange=alert（”确定”）＞

答案: 【＜INPUT TYPE=”BUTTON” VALUE =”鼠标响应” onClick=alert（”确定”）＞

】

3、单选题：
在HTML页面中，下面有关的Document对象的描述错误的是（）。

选项：
A:Document对象提供客户最近访问的URL的列表

B:Document对象用于检索浏览器窗口中的HTML文挡的信息

C:Document对象用于检查和修改HTML元素和文档中的文本

D:Document对象的location属性包含有关当前URL的信息

答案: 【Document对象提供客户最近访问的URL的列表

】

4、单选题：
在HTML页面中，下面关于Window对象的说法不正确的是（）。

选项：
A:Window对象是浏览器所有内容的主容器

B:Window对象表示浏览器的窗口，可用于检索有关窗口状态的信息

C:如果文档定义了多个框架，浏览器只为原始文档创建一个Window对象，无须为每个框架创建Window对象

D:浏览器打开HTML文档时，通常会创建一个Window对象

答案: 【如果文档定义了多个框架，浏览器只为原始文档创建一个Window对象，无须为每个框架创建Window对象

】

5、单选题：
window对象的open方法返回的是

选项：
A:返回int类型的值，开启窗口的个数

B:没有返回值

C:boolean类型，表示当前窗口是否打开成功

D:返回打开新窗口的对象

答案: 【返回打开新窗口的对象

】