第一篇 1+X考证 Web前端测试题（含答案解析）

单选题

1.下面有关jquery事件，描述错误的是（ A ）

A.focus元素是失去焦点

【解析：在jQuery中，当元素获取焦点时，发生foucus事件，当元素失去焦点时，发生blur事件】

B.click鼠标点击某个对象

C.mousedown某个鼠标按键被按下

D.load事件会在页面或图像的加载完成之后立即发生

2.CSS中如何产生带有正方形的项目列表？（ C ）

A.list-type:square

B.type:square

C.list-style-type:square

D.type:2

【解析：列表属性，type属性值可取disc(实心圆点),circle(空心圆点),square(正方形),square(方块点)，原题问的时在CSS中，则排除BD，排除A没有该属性，选C】

3.如何把7.25四舍五入为最接近的整数？（ A ）

A.Math.round(7.25)

B.round(7.25)

C.rnd(7.25)

D.Math.rnd(7.25)

【解析：javascript中的Math类，Math.ceil()向上取整，而Math.floor()向下取整，Math.max(x,y)求A和B谁为最大，反之有Math.min(x,y),Math.random()生成一个0~1之间的随机数,Math.round()四舍五入】

4.下面关于Bom对象，说法有误的是（ A ）

A.windows对象表示显示屏屏幕窗口

B.history对象包含用户在浏览器窗口中访问过的URL

C.location对象包含有关当前URL的信息

D.每个载入浏览器的HTML文档都会成为document对象

【解析：Window 对象是 JavaScript 层级中的顶层对象。Window 对象代表一个浏览器窗口或一个框架。Window 对象会在 <body> 或 <frameset> 每次出现时被自动创建。】

5.下面哪一个不是jQuery对象访问的方法？（ D ）

A.index( )

B.size( )

C.each(callback)

D.index(subject)

【解析：callback执行函数，object指定元素对象，可以看一下这个jQery访问对象的方法

jquery对象访问 – Honker书生 – 博客园

】

6.下面哪个css属性可以更改样式的字体颜色（ D ）

A.text-color:

B.fgcolor:

C.text-color:

D.color:

7.如何在警告框中写入”Hello World“?( D )

A.msgBox(“Hello World”)

B.alertBox = “Hello World”

C.alertBox(“Hello World”)

D.alert(“Hello World”)

8.如果需要匹配包含文本的元素，用下面哪种来实现（ D ）

A.input( )

B.attr(name)

C.contains( )

D.text( )

【解析：attr(name)方法设置或返回被选元素的属性值，contains()方法用于判断指定元素内是否包含另外一个元素】

9.下面关于javascript面向对象说法错误的是？（ C ）

A.可以采用对象，属性名的方式访问属性

B.用var obj ={}就可以创建一个对象

C.可以使用extends实现继承

D.可以采用对象[“属性名”]的方式修改属性值

【解析：关于javascript面向对象可以看一下这篇文章

JS面向对象—对象的继承 – 简书

】

10.以下那一项是CSS中的类选择器（ B ）

A.h2

B..div

C.#div

D.*

【解析：.是类选择器，#是id选择器，*是通配符选择器】

11.以下哪一项不属于javascript的特征？（ B ）

A.javascript是一种脚本语言

B.javascript代码需要编译后才能执行

【解析：可以由浏览器的解释器解析执行】

C.javascript是独立于平台的

D.javascript是事件驱动的

12.执行下面语句单击按钮 <input type=”button” id=”click” value=”点击我” /> ，会有什么效果（ C ）

$(document).ready(function(){
    $("#click").click(function(){
    alert("click one time");
   });
    $("#click").click(function(){
    alert("click two time");
   });
})

A.弹出一次对话框，显示 click one time

B.弹出一次对话框，显示 click two time

C.弹出两次对话框，显示 click one time，click two time

D.js编译错误

13.关于引入CSS样式的优先级，说法正确的是（ C ）

A.内部样式 > 内联样式 > 外部样式

B.以上都不正确

C.内联样式 > 内部样式 > 外部样式

D.内联样式 > 外部样式 > 内部样式

14.怎样给所有的<h1>标签添加背景颜色（ B ）

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

B.h1{ background-color:#ffffff }

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

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

15.如何编写当i=5时执行某些语句的条件语句？（ A ）

A. if(i==5)

B. if i=5

C. if i=5 then

D. if i==5 then

16.以上关于JavaScript中事件的描述中，不正确的是（ C ）

A.click —— 鼠标点击事件

B.mouseOver —— 鼠标指针移动到事件源上时触发的事件

C.change —— 选择字段时触发的事件

D.focus —— 获取焦点事件

【解析：change —— 当元素的值发生改变，会发生change事件，该事件适用于text、textarea、select元素】

17.关于float描述错误的是（ A ）

A.float:center

B.float:right

C.float:left

D.float:none

【解析：float属性有三个：left、right、none】

18.在HTML语言中，设置表格中文字与边框距离的标签是（ D ）

A.<TABLE width=#>

B.<TABLE cellspacing=#>

C.<TABLE border=#>

D.<TABLE cellpadding=#>

19.下面哪一项是换行符标记？（ D ）

A.<font>

B.<body>

C.<p>

D.<br>

20.下面哪一项不是表单元素？( C )

A.<input>

B.<textarea>

C.<img>

D.<select>

21.<a href=”xxx.jpg” title=”开学准备…” >新闻</a>,获取<a>元素title的属性值（ D ）

A.$(“#a”).attr(“title”);

B.$(“a”).attr(“title”).value;

C.$(“a”).attr(“title”).val();

D.$(“a”).attr(“title”);

【解析：attr() 方法设置或返回被选元素的属性值。那么我们只需要attr(“title”)就可以了，所以首先排除掉BC,获取的是<a>元素也即是a标签，则不需要#。#a表示的是id为a的元素，故排除A】

22.在CSS中，下列设置背景颜色为黑色的代码错误的是（ B ）

A.background:RGB(0,0,0)

B.background:#FFFFFF

C.background-color:#000

D.background-color:black

【解析：#FFFFFF是白色，#000000是黑色】

23.可插入多行注释的JavaScript语法是（ B ）？

A.//This comment has more than on line //

B./*This comment has more than on line*/

C.<!–This comment has more than on line–>

24.HTML是指（ C ）

A.以上说法都不对

B.超链接和文本标记语言

C.超文本标记语言

D.家庭工具标记语言

25.当超链接的target属性值与iframe的属性值相同时，可以实现点击超链接，在iframe中打开超链接的页面? ( C )

A.id

B.target

C.name

D.src

26.想要用户在点击超链接时，弹出一个新的网页窗口，代码是（ A ）

A.<A href=”right.HTML” target=”_blank”>新闻</A>

B.<A href=”right.HTML” target=”_self”>新闻</A>

C.<A href=”right.HTML” target=”_parent”>新闻</A>

D.<A href=”right.HTML” target=”_top”>新闻</A>

【解析：_blank（新窗口中打开链接文档），_self（相同的框架中打开），_parent（在父框架中集中打开），_top（在整个窗口中打开）】

27.在JavaScript中console.log(“15″>”7”)运行结果正确的是（ A ）

A.FALSE

B.15

C.TRUE

D.7

28.如何求得2和4中最大的数？( C )

A.top(2,4)

B.ceil(2,4)

C.Math.max(2,4)

D.Math.ceil(2,4)

多选题

1.想让元素脱离文档普通流，需要把position属性值设置成（ AC ）

A.absolute

B.relative

C.fixed

D.static

【解析：首先我们需要知道什么是文档普通流？将窗体自上而下分成一行一行,块级元素从上至下、行内元素在每行中按从左至右的挨次排放元素,即为文档流。相对定位relative值，虽然表面看脱离的文档，但它还是占据着原来的位置，那么那些情况下会脱离文档流呢？以下几种都会

浮动
绝对定位
固定定位
display:none 】

2.关于相对路径，以下说法正确的是（ ACD ）

A.如果在链接中源端点和目标端点不在同一个目录下，就需要将目录的相对关系表示出来

B.如果在链接中源端点和目标端点不在同一个目录下，就无法使用相对路径

C.如果在链接中源端点和目标端点在同一个目录下，则链接路径中只需要指明目标端点的文档名称即可

D.相对路径表述的是源端点同目标端点之间的相互位置

3.以下关于JavaScript中事件的描述中，正确的是（ ABCD ）

A.click —— 鼠标点击事件

B.focus —— 获取焦点事件

C.mouseOut —— 鼠标离开事件源对象时触发的事件

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

4.以下是canvas的方法是（ ABC ）

A.getContext( )

B.stroke( )

C.fill( )

D.controller( )

【解析：getContext( )获取画笔的方法，stroke( )绘制moveTo()和linkTo()方法定义的路径，默认是黑色，fill()是填充的方法】

5.在HTML文件中应用中abc.css文件中的样式的方法有（ BC ）

A.<style type=”text/css”>import url(abc.css);</style>

B.<link href=”abc.css” type=”text/css” rel=”stylesheet”>

C.<style type=”text/css”>@import url(abc.css);</style>

D.<style type=”text/css”>@import url(abc.css);</style>

【解析：引入css样式的方式有四种，分别是内联样式，内部样式，外部（链入）样式，引入（导入）样式；而引入css文件的方式有两种,引入文件@import和link href=””】

6.CSS文本属性中，文本对齐属性的取值有（ ACD ）

A.center

B.auto

C.justify

D.right

【解析：center居中对齐，right右对齐，left左对齐，justify改变字与字之间的间距使得每行对齐】

7.CSS中，盒模型属性包括（ CD ）

A.font

B.visible

C.margin

D.padding

【解析：font文本属性，visible设置元素是否可见】

8.下面那几个不是属于jquery的事件处理？（ AB ）

A.click()

B.change()

C.one(type)

D.bind(type)

【解析：click()和change()属于jquery事件，不属于jquery的事件处理】

9.以下哪段代码能正确创建函数show()?（ AB ）

A.var showFun = function show(text){ alert(text); }

B.function show(text){ alert(text); }

C.var showFun = function(text){ alert(text); }

D.var showFun = new function(“text”,”alert(text)”;)

【解析：创建函数show(),则为function show( ) ,CD选项均无】

10.下列关于获取页面元素说法正确的是（ CD ）

A.document.getElementsByName(“na”)是通过name属性值为na获取页面中的一个元素;

B.以上说法都不正确;

C.document.getElementsByTagName(“div”)是通过标签名获取去所有div;

D.document.getElementById(‘a’)是通过id值为a获取页面的一个元素；

11.以下那个属性属于Float这个属性（ ABD ）

A.none

B.left

C.center

D.right

12.以下能获得”菜单1“的jQuery代码是（ ABD ）

<ul>
    <li id="menu1" class="active">菜单1</li>
    <li>菜单2</li>
    <li>菜单3</li>
</ul>

A.$(“.active”).text()

B.$(“[class=active]”).text()

C.$(“ul li:eq(1)”).text()

D.$(“#menu”).text()

【解析：C选项将ul中的li元素当成一个数组，那么数组的下标是从0开始，则菜单1的下标是0，ul li:eq(1)获取的是菜单2，想获取菜单1则为ul li:eq(0)】

13.关于CSS的说法正确的有（ ABC ）

A.position可以实现盒子模型精确定位

B.css可以控制网页背景颜色

C.字体大小的单位可以使em

D.Z-index的取值不能为负值

【解析：font-size常见单位有px,pt,%,em】

14.以下（ ABD ）内容是HTML文件的头部内容所包括的。

A.作者信息、网页描述、基础地址

B.自动刷新、css样式

C.注释、表单域

D.网页标题、关键字

15.案例代码如下：

请用jQuery选择器选取username文本框输入值的内容：( ABCD )

<body>
    <form>
        用户名：<input type="text" id="username" name="username" />
        密  码：<input type="password" id="pwd" name="pwd" />
    </form>
</body>

A.$(“input[name=username]”).val();

B.$(“:input[name=username]”).val();

C.$(“#username”).val();

D. $(“input”)[0].value();

判断题

T（TRUE）正确 —— F（FALSE）错误

1.padding：10px;只设置上边填充10像素，其他三边为0像素。

（ F ）

【解析：padding：10px,表示上下左右都为10px】

2.在css中，px是绝对长度单位，%是相对长度单位。

（ T ）

3.position允许用户精确定义元素框出现的相对位置。

（ T ）

4.任何标签都可以通过加style属性来直接定义它的样式。

（ T ）

5.在css中，padding:1px,2px,3px,4px表示设置某个HTML元素的内边距为上1px,右2px,下3px,左4px.

（ T ）

6.在css中，使用//或<!—->用来书写一行注释。

（ F ）

7.在W3C规范中，每一个标签都应当闭合，使用<br></br>可以实现和段落标签<p><p>同样的效果。

（ F ）

原文链接：https://blog.csdn.net/weixin_52203618/article/details/123933932

单选题

多选题

判断题

你可能也喜欢