Web前端开发职业技能等级考试-模拟题三晋城职业技术学院测试题

1、Web前端开发职业技能等级考试-模拟题三 晋城职业技术学院联系电话 参训时间 WEB前端开发实训入训测试卷 题 号一二三四五总 分应得分603010实得分一、单选题（共30小题，每小题2分，共60分）基本信息：矩阵文本题 *姓名：_院校：_班级:_1、flex-grow的作用是（ ） 单选题 *A、弹性盒子元素对齐方式B、弹性盒子元素的排列方式C、弹性盒子元素显示次序D、弹性盒子元素如何分配剩余空间(正确答案)2、哪一个标记用于使HTML文档中表格里的单元格在同行进行合并？（ ） 单选题 *A、cellspacingB、cellpaddingC、rowspanD、colspan(正确答案)3、

2、以下能生效的样式选项是 ( )123 单选题 *A、yellowB、redC、blue(正确答案)D、black4、设置主轴方向的弹性盒子元素的对齐方式可以使用（ ）属性实现 单选题 *A、align-contentB、justify-content(正确答案)C、align-selfD、align-items5、实现点击文本也能控制复选框，以下设置正确的是（ ） 单选题 *A、音乐B、音乐(正确答案)C、音乐D、音乐6、以下这段代码的作用是（ ）media screen and (min-width:960px) and (max-width:1200px)bodybackground:ye

3、llow; 单选题 *A、是当宽度大于960px小于1200px的时候body的背景色为yellow(正确答案)B、是当宽度大于960px的时候body的背景色为yellowC、以上写法都不正确D、是当宽度小于1200px的时候body的背景色为yellow7、在当前页面index.html中插入与index.html处于同一级的img文件夹下的logo.jpg，正确的导入写法是（ ） 单选题 *A、(正确答案)B、C、D、8、实现向右的红色三角形，样式实现正确的是（ ） 单选题 *A .iconwidth:0; height:0; overflow:hidden; border:5px so

4、lid transparent; border-left-color:#f00; (正确答案)B.iconwidth:0; height:0; overflow:hidden; border:5px solid #f00; border-left-color:transparent;C.iconwidth:0; height:0; overflow:hidden; border:5px solid transparent; border-right-color:#f00;D.iconwidth:0; height:0; overflow:hidden; border:5px solid #f0

5、0; border-right-color:transparent;9、p下面除了span以外所有标签，旋转45度（ ） 单选题 *A、p :not(span)transform:rotate(45deg)(正确答案)B、p :not(span)translate:rotate(45deg)C、p not(:span)transform:rotate(45deg)D、p:not(span)rotate(45deg)10、参数序号从1开始的是哪个选择器（ ） 单选题 *A、nth-of-typeB、nth-child(正确答案)C、:firstD、:eq11、以下哪个的优先级最高（ ） 单选题

6、*A、classB、idC、!important(正确答案)D、行内12、input标签的值是用哪个属性来描述的？（ ） 单选题 *A、typeB、disabledC、idD、value(正确答案)13、以下哪些不是块标签的是（ ） 单选题 *A、span(正确答案)B、pC、divD、ul14、meta标签中name属性值是关键字的是（ ） 单选题 *A、descriptionB、authorC、keyword(正确答案)D、generator15、以下是画布可以画图像的是（ ） 单选题 *A、videoB、audioC、canvas(正确答案)D、header16、如何清除ul的浮动？（

7、） 单选题 *A、ul li:last-childclear:bothB、ul:aftercontent:;clear:both;display:block(正确答案)C、ulclear:bothD、ul:beforecontent:;clear:both;display:block17、placeholder的作用是（ ） 单选题 *A、为文本框设置默认提示文字(正确答案)B、为文本框设置对齐样式C、为文本框设置默认值D、以上说法都不正确18、想要给个a标签设置width和height，需要给a标签添加哪个样式？（ 单选题 *display:inline;overflow:hidden;fo

8、nt-size:0;display:block;(正确答案)19、var size=true;console.log(typeof size); 正确答案是（ ） 单选题 *A string(正确答案)B numberC undefinedD boolean20、var v; 该语句定义了一个变量v，它的值是？正确答案是（ ） 单选题 *A、1B、undefined(正确答案)C、0D、null21、以下代码执行结果正确的是( )var a = 2;switch (a) case 1:alert(1);case 2:alert(2);case 3:alert(3);default:alert(

9、4);单选题 *A、分别弹出1234B、分别弹出234(正确答案)C、程序报错D、只弹出 222、下面代码的打印结果是( )for(var i=0;iif(i%3=0)continue;console.log(i); 单选题 *A、5,10,15,20,25,30B、5,15C、5,15,25D、5,10,20,25(正确答案)23、下面代码的打印结果是( )var cars = bmw,qq,byd,glof;cars.splice(2,0,polo);console.log(cars); 单选题 *A、bmw, qq, byd, polo, glofB、bmw, qq, polo, glo

10、fC、bmw, qq, polo, byd, glof(正确答案)D、以上都不对24、如果按下的是回车键：js中正确的判断方式是（ ） 单选题 *A、 if(event.keyCode = 39)B、 if(event.keyCode = 38)C、 if(event.keyCode = 13)(正确答案)D、 if(event.keyCode = 31)25、javascript怎样将一个checkbox设为无效，假设该checkbox的id为checkAll ( ) 单选题 *A、document.getElementById(checkAll).enabled = false;B、doc

11、ument.getElementById(checkAll).disabled = true;(正确答案)C、document.getElementById(checkAll).enabled = true;D、document.getElementById(checkAll).disabled = disabled;26、arguments是一个类似于数组的对象。对命名参数的引用可以使用参数名也可以使用（ ）的方式来进行引用： 单选题 *A、function argumentnB、arguments.nC、argumentsn(正确答案)D、isfunction27、以下哪个方法是对数组进行

12、排序（ ） 单选题 *A、sort(正确答案)B、reverseC、popD、slice28、下面是兄弟选择器的选项是（ ） 单选题 *A、#ul2+pB、#ul2p(正确答案)C、#ul2pD、#ul2 p29、jquery中遍历指定的对象和数组是哪个方法（ ） 单选题 *A、$.each( object, callback )(正确答案)B、$(selector).each(function()C、foreach()D、for .in30、在jQuery中，不属于鼠标事件的是（ ） 单选题 *A、mouseoverB、mouseenterC、keydown(正确答案)D、mousemove

13、二、多选题（每小题2分，共15小题，共30分）1、以下是单独可以不用闭合的标签是 *A、(正确答案)B、(正确答案)C、(正确答案)D、(正确答案)2、HTML5新增的标签有哪些（ ） *A、header(正确答案)B、nav(正确答案)C、footer(正确答案)D、section(正确答案)3、img标签有文字提示特性的属性（ ） *A、title(正确答案)B、alignC、 alt(正确答案)D、height4、以下哪些样式可以隐藏元素？( ) *A、visibility:hidden;(正确答案)B、display:show;C、display:none;(正确答案)D、opacit

14、y:0;(正确答案)5、div spanmargin-left:10px;通过以下哪些语句可以将第一个span元素的margin取消( ) *A、div span:first-childmargin:0(正确答案)B、div span:nth-child(0)margin:0;C、div span:nth-child(1)margin:0(正确答案)D、div spanmargin:06、以下哪些属性属于弹性盒子的（ ） *A、flex-shrink(正确答案)B、flex-grow(正确答案)C、borderD、margin7、背景background属性包括（ ） *A、backgroun

15、d-size(正确答案)B、background-origin(正确答案)C、text-alignD、background-clip(正确答案)8、哪些是动画效果？( ) *A、transition(正确答案)B、animation(正确答案)C、staticD、relative9、以下哪些元素属于块元素( ) *A、aB、nav(正确答案)C、header(正确答案)D、ul(正确答案)10、#wrapwidth:600px;height:200px;background:#ccc;position:absolute;实现wrap在浏览器中水平和垂直都居中，需要设置的样式有( ) *A、ma

16、rgin-left:-300px;margin-top:-100px;B、left:300px;top:100px;(正确答案)C、left:50%;top:50%;(正确答案)D、margin-left:-300px;margin-top:100px;11、以下哪些语句可以打印1-100之间所有的奇数（ ） *A、 for(var i=1;i=100;i+)if(i%2=1)console.log(i);(正确答案)B、 for(var i=1;i=100;i+=1)console.log(i);C、 for(var i=1;i=100;i+)if(i%2=0)console.log(i);

17、D、 for(var i=1;i=100;i+=2)console.log(i);(正确答案)12、假设btn是获取到的按钮，点击按钮调用checkCity这样一个函数，以下写法正确的有哪些（ ） *A、 btn.onclick = function()checkCity;B、 btn.onclick = function()checkCity();(正确答案)C、 btn.onclick = checkCity;(正确答案)D、 btn.onclick = checkCity()13、以下语句语法正确的有（ ） *A、document.getElementsByTagName(body)0.

18、innerHTML = HELLO(正确答案)B、 document.getElementById(box).style.border-top=1px solid #f00C、 document.getElementsByTagName(div)0.innerHTML = hello;(正确答案)D、 document.getElementsByTagName(body).style.paddingTop = 10px;14、在jQuery中，通过jQuery对象.css( )可实现样式控制，以下说法正确的是（ ） *A、css( )方法会去除原有样式而设置新样式(正确答案)B、正确语法：css(“属性”,”值”)(正确答案)C、css( )方法不会去除原有样式D、正确语法：css(“属性”)15、下面选项中 jquery焦点事件的有（ ） *A、blur()(正确答案)B、select()C、focus()(正确答案)D、onfocus()三、判断题（每小题2分，共5小题，共10分。在每小题后对应括号内填入判断结果，正确的选项填写“”，错误