1+X认证WEB前端开发模拟卷7.docx

模拟卷7
一、单项选择题（共30小题，每题2分，共60分）1、在HTML中，CSS样式中文本属性的说法错误的选项是（D）
A. font-weight用于设置字体的粗细font-family用于设置文本的字体类型
B. color用于设置文本的颜色tcxt-align用于设置文本的字体形状
2、在HTML中，通常要通过定位，CSS属性中可以设置垂直叠放次序（C）A. list-style
B . paddingC . z-index
D . Float3、在html中，样式表按照应用方式可以分为三种类型，其中不包括（D）。
A.内嵌样式表B.行内样式表
C.外部样式表文件D.类样式
4、有关下面代码片段的说法，（C）是正确的。
<style type="text/css">A（
color:blue;
text-decoration:none;）
A:link{ color:blue; }A:hover{ color:red; }
A:visited{ color:green; }</style>
A. A样式与A:link样式效果相同A:hover是鼠标正在按下时链接文字的样式
C.A:link是未被访问的链接样式D. A:visited是鼠标正在按下时链接文字的样式
5、阅读以下代码段，那么可知(A )。
<input type="text" name="text"><input type="radio" name=uradio" value="女")
<input type="checkbox" name="checkbox'r value="checkbox"><input type="file" name="file,'>
A.上面代码表示的表单元素类型分别是：文本框、单项选择按钮、复选框、文件域B.上面代码表示的表单元素类型分别是：文本框、复选框、单项选择按钮、文件域
C.上面代码表示的表单元素类型分别是：密码框、多项选择按钮、复选框、文件域 D.上而代码表示的表单元素类型分别是：文本框、单项选择按钮、下拉列表框、文件域6、以下不属于块级标签的是(C)
A. div B. table C. img D. from7、如何显示这样一个边框：上边框10像素、下边框5像素、左边框20像素、右边 框1像素？(D)
A. border-width:l()px 5px 20px Ipxborder-width:10px 20px 5px Ipx
B. border-width:5px 20px lOpx Ipxborder-width:1 Opx 1 px 5px 20px
8、以下哪种方式是用类选择器定义样式的(B)A. p{ color: red)B.. one {color: red} C. #two{ color: red}D. p,hl {color: red)
9、阅读下面的HTML及CSS代码，图片距最外面的DIV外边缘的距离是(D )。
<style type="text/cssn>
#outbox { border: 1 Opx solid #ffOOOO; width:400px; }
#inbox { border:2()px solid #ff()()O(); margin:!Opx; padding: 1 Opx;)</style>
<div id="outbox">
<div id=,'inbox"ximg src=,,flower.jpg" /></div></div>
A. lOpx B. 30px C. 40px D. 5Opx 1()、在CSS3中，哪项表示选择title属性包含单词Habc"的全部元素。(D)A. [title-=abc]B. [title = abc]
C. =nabc"]D. ftitle*=Habc"l11、将一个div在鼠标放上去的时候向右偏移10()px旋转18()度，以下代码正确的选项是(A)
A . transform: translateX( 1 OOpx) rotate( 18Odeg);transform: translateX(-1 OOpx) rotate(-18Odeg);
B. transform: translateY(lOOpx) rotate(180deg);transform: translaleY(-l OOpx) rotale(-18Odeg);
12、将删除指定元素的子节点，并返回被删除的节点对象，使用哪个方法。（D）A. insertBefore 方法
C. appendChild 方法

B. insertBefore 方法
C. appendChild 方法
C. cloneNode 方法
D. removeChild 方法
13、将s中所有的字母变成小写字母的方法是（B）
A. toSmallCasetoLowcrCasc
B. toLIttleCasetoUpperCase 14、如果在HTML页面中包含如以下图片标签，那么选项中的（）语句能够实现隐藏该图 片的功能。（D）
<img id="pic'' src=''Sunsct.jpg" width=''40(T' hcight=''3OO”> A.document.getElementById("pic").style.display=''visible”; B.document.getElementById(''pic')style.display=''disvisible”; C.document.getElementById("pic'').style.display="block”; D.document.getElementById(“pic”).style.display="none”;15、阅读以下程序 function rcplaceStr(inStr, oldStr, ncwStr)(
var rep = inStr;while (rep.indexOf(oldStr) > -1) {
rep = rep.replace(oldStr, newStr);1
return rep;)
alert(replaceStr("how do you do","do","are”))； 以下结果正确的选项是(A)A.弹出警示对话框，显示how are you are。
B.弹出警示对话框，显示how arc you doo C.弹出警示对话框，显示how do you are。 D.弹出警示对话框，显示how you doo 16、有语句“var x=0;while( ) x+=2;",要使while循环体执行10次，空白处的循环 判定式应写为：(C)x<10
A. x<=10x<20
B. .x<=2017、在jquery中指定一个类，如果存在就执行删除功能，如果不存在就执行添加功能， 下面哪一个是可以直接完成该功能的？ (C)
A、removcClass()B、deleteClassO
C、togglcClass(class)D、addClass()
18、下面不属于ajax事件的是？ (C)A、ajaxComplete(callback)
B、ajaxSuccess(callback)C> $.post(url)
D、ajaxSend(callback) 19、在HTML5中，哪个元素可以对页面的标题进行分组。(B)A. address 元素 B. hgroup 元素 C. section 元素 D. nav 元素
20、以下哪个元素可以为figure标签添加标题。(C)A. title B. h3 C. figcaption D. caption
21、在CSS中，为页面中的某个DIV标签设置样式div{width:200px;padding:0 20px;border:5px;},那么该标签的实际宽度为(D )
A.200pxB.220pxC.240pxD.250px 22、以下哪个代码给元素设置背景裁切的属性（A）A backound-clip B background-size c backound-over D backound-contain
23弹性盒子中哪个不是justify-content的属性(C)A. flex-start B. flex-end C.flex-center D.space-around
24JavaScript的数据类型不包括。(D)A.数值 B,字符串值C.数组 D.类
25、以下()表达式产生一个0〜7之间(含0,7)的随机整数.(C)A.Math.floor(Math.random()*6)
B.Math.floorCMath.randomO*7)C.Math. floor(Math.random()*8)
D.Math.ceil(Math.random()*8)26、在HTML文档对象模型中，history对象的()用于加载历史列表中的下一个URL 页面。
(C)A. next() B.back() C.forward() D.go(-l)
27、当浏览器窗口(包含宽度、高度)被调整后，触发以下哪项事件。(C)A. onsize 事件 B. onload 事件 C. onresize 事件 D. onchange 事件
28. Javascript中制作图片代替按钮的提交效果需要手动提交方法submit。，以下调用正 确的是(C)A.submit() B.myform.submit()C.document.myfbrm.submit()
D. window.my form.submit();29、查看一下代码,请问输出正确的选项是(A)
var Test ={
foo:utest",
func:function () {
var self=this;
console.log(this.foo);
console.log(self.foo);
(function () {
console.log(this.fbo);
console.log(self.foo);
}）（）;};
Test.func（）;A test test undefined test
B test undefined undefined testC test test undefined
D test test test test30、以下哪个选项可以对元素定义不同的过渡动画效果。（D）
A. animations 属性 B. transform 属性C. position 属性D. transition 属性
二、多项选择题（共15小题，每题2分，共30分）1、border-style设置边框样式的属性有哪些。（ABD）
A. dotted B. dashed C. double D. solid 2、动画是使元素从一种样式逐渐变化为另一种样式的效果，使用什么来规定变化发生 的时间的方式。（AB）A. form-toB. 0%-100%C. 0-100 D. 1-10
3、分析下面的HTML代码片段，那么选项中的说法正确的选项是（AD）<table border=n10"> <tr> <td colspan=2 align="centerM>^fc</td></tr> <tr> <td rowspan=2 align="center"> 成绩 </td><td align=ncenter"> 语文 </td></tr> <tr><td colspan=2 align="center”〉数学v/td></tr> <table>
A. “姓名”单元个跨2列B.该表格的边框宽度为1（）亳米
C.该表格共有2行3列D.该表格中的文字均居中显示
4、在HTML中，使用HTML元素的class属性，将样式应用于网页上某个段落的代码 如下所示：
<p class="firstp»这是一个段落</p>下面选项中，（AC ）正确定义了上面代码引用的 样式规那么。
A.<sytle type=,,text/css,>>p{color:red}</sytle>B.<sytlc type=,,text/css,,>#firstp{color:red}</sytle>
C.<sytle type=,,text/css,,>. firstp {color: red } </sytle>D.<sytle type-,text/css,,>p#firstp{color:red}</sytle> 5、在页面中，能够调取对话框是哪些方法。(ABC)。
A. alert。方法B. confirm。方法C. prompt。方法D. cloneNode 方法
6、可以指定超出盒中内容的显示样式的属性是。(AD)A. overflow 属性B. font-overflow 属性
C. box-overflow 属性 D. text-overflow 属性7、以下选项中，()段HTML代码所表示的“返回''链接能够正确实现IE工具栏后退 按钮的功能。(AD)
A. <a href="javascript:history.go(-l)''>返回v/a><a href=,javascript:location.back(),>>j^|H]</a>
B. <a href=,javascript: location返回</a〉<a href=,,javascript:history.back(),,>i&|o]</a>
8、在HTML页面中，定义了如下所示的Javascripl函数，那么正确调用该函数的HTML 代码是(选择二项)(AB)function compute(op)(
alert(op);)
A.<input name=''a" lype=''buttorT onclick=,,compute(this.valuey, value=''+”>B.<input name=''b" type='力uttorT onclick="computc('-')'' value="-'>
C.<input namc="c” typc="button” onclick="computc("*'')'' value=,,*,,>D.<input name=''cT type="button“ onclick=,,compute(/)“ value="r'>
9、CSS中，盒模型的属性包括(BCD )A.visibleB.marginC.paddingD.border
10、jQuery中遍历节点的方法，错误的选项是(BCD)next()取得匹配元素后面紧邻的同辈元素
A. prev()取得匹配元素的所有同辈元素siblingsO取得匹配元素前的所有同辈元素
B. closest()取得元素紧邻的后一个元素匹配 11、分析下面的JavaScript代码段a=new Array(2,3,4,5,6); sum=0;
for(i=2;i<a.length;i++)
sum +=a[i];document. write(sum);输出结果不正确的选项是(ABC ).
A. 20 B. 23456 C. 2, 3, 4, 5, 6 D. 1512、关于WEB标准以下说法正确的选项是(ACD )
A. Web标准是一个复杂的概念集合，它由一系列标准组成B.这些标准全部都由W3C起草与发布
C. Web标准可以分为3个方面Web标准里的表现标准语言主要包括CSS
13、下面选项中属于css3新属性的是(BCD)A. text-align B. border-radius C. transition D. box-shadow
14、下面关于css3伪类描述正确的选项是(AB)p:first-of-type选择属于其父元素的首个vp>;
A. p:nth-child(2)选择属于其父元素的第二个子元素的每个<p>;元素。
B. p:only-of-type选择属于其父元素的唯一子元素的每个vp>;元素。
C. p:only-child选择属于其父元素唯一的<p>;15、CSS中的选择器包括(BCD )
A.超文本标记选择器B.类选择器C.标签选择器 D. ID选择器三、判断题(共5小题，每题2分，共10分。在每题对应的括号内填入 判断结果，用网”表示正确，用“X”表示错误)
1、〈progress〉是HTML5中新增的状态交互元素，用来表示页面中的某个任务完成的进 度。(4 )2、在CSS中，border: Ipx 2Px 3px 4Px表示设置某个HTML元素的上边框为Ipx、右边 框为2px、左边框为3px、下边框为4px。( x )
3、在 css3 代码 transform: rotate(30deg)是逆时针旋转 30 度(x)4、下面的javascript代码的执行
<script type=",text/javascript">
var x=45；if(x>=60)(
document, writein("要下雨了 ")； )else if(x>=50){
document. writeln("天很阴");)else if(x>=30){
document, writein("很舒适)(else if(x>=00){
document. writeln("很干燥于)
<script>是很干燥(x )5、在jquery中onclick()方法是用来做点击事件的(x)