0


第一篇 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.怎样给所有的

标签添加背景颜色( 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.

B.

C.

D.

19.下面哪一项是换行符标记?( D )

A.

B.<body>

C.

D.

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

A.<input>

B.<textarea>

C.

D.<select>

21.新闻,获取元素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表示的是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.

24.HTML是指( C )

A.以上说法都不对

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

C.超文本标记语言

D.家庭工具标记语言

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

A.id

B.target

C.name

D.src

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

A.新闻

B.新闻

C.新闻

D.新闻

【解析:_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规范中,每一个标签都应当闭合,使用

可以实现和段落标签

同样的效果。( F )

标签: html html5 css

本文转载自: https://blog.csdn.net/weixin_52203618/article/details/123933932
版权归原作者 灵魂学者 所有, 如有侵权,请联系我们删除。

“第一篇 1+X考证 Web前端测试题(含答案解析)”的评论:

还没有评论