软件开发定制定制第一篇 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访问对象的方法】

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面向对象可以看一下这篇文章】

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 ）

  1. $(document).ready(function(){
  2.     $("#click").click(function(){
  3.     alert("click one time");
  4.    });
  5.     $("#click").click(function(){
  6.     alert("click two time");
  7.    });
  8. })

 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 ）

  1. <ul>
  2.     <li id="menu1" class="active">菜单1</li>
  3.     <li>菜单2</li>
  4.     <li>菜单3</li>
  5. </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 )

  1. <body>
  2.     <form>
  3.         用户名：<input type="text" id="username" name="username" />
  4.         密  码：<input type="password" id="pwd" name="pwd" />
  5.     </form>
  6. </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 ）

网站建设定制开发 软件系统开发定制 定制软件开发 软件开发定制 定制app开发 app开发定制 app开发定制公司 电商商城定制开发 定制小程序开发 定制开发小程序 客户管理系统开发定制 定制网站 定制开发 crm开发定制 开发公司 小程序开发定制 定制软件 收款定制开发 企业网站定制开发 定制化开发 android系统定制开发 定制小程序开发费用 定制设计 专注app软件定制开发 软件开发定制定制 知名网站建设定制 软件定制开发供应商 应用系统定制开发 软件系统定制开发 企业管理系统定制开发 系统定制开发