全国计算机等级考试二级Web程序设计试卷及答案

上传人：段*** IP属地：河南上传时间：2026-08-26 格式：DOCX 页数：27 大小：21.86KB 积分：9.6 举报 版权申诉

已阅读5页，还剩22页未读，继续免费阅读

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

全国计算机等级考试二级Web程序设计试卷及答案选择题（共20小题，每小题2分，共40分）下列关于算法的描述中，正确的是（）A.算法的复杂度就是时间复杂度B.算法的空间复杂度是指算法程序中指令的条数C.压缩存储空间的存储算法不会改变算法的空间复杂度D.算法的时间复杂度与空间复杂度没有必然的联系下列选项中，不属于结构化程序设计主要原则的是（）A.自顶向下B.模块化C.逐步求精D.可复用软件生命周期中，需求分析阶段不产生的文档是（）A.数据流图B.数据字典C.系统说明书D.软件测试计划在关系数据库中，能够唯一标识一个元组的属性组称为（）A.记录B.关键字C.字段D.域设有一棵二叉树，前序遍历结果为ABDECF，中序遍历结果为DBEAFC，则其后序遍历结果为（）A.DEBFCAB.DEFBCAC.DEBCFAD.DFEBCA下列关于HTML的描述中，错误的是（）A.HTML是超文本标记语言，是构成Web页面的基础B.HTML文件本身是文本文件，可以用任意文本编辑器编辑C.HTML标签都必须成对出现，同时具有开始标签和结束标签D.HTML文档结构包括头部和主体两大部分下列CSS单位中，属于相对于父元素字体大小计算的相对长度单位是（）A.emB.remC.pxD.vhCSS中，要让一个块级元素在父容器中水平居中，需要设置的属性是（）A.text-align:centerB.line-height:centerC.margin:0autoD.padding:0autoJavaScript中，下列语句的运行输出结果是varnum=123+'abc';console.log(typeofnum);，正确结果是（）A.numberB.stringC.undefinedD.object在JavaScript中，要获取id为box的DOM元素，正确的写法是（）A.document.getElementById(“box”)B.document.getElementsById(“box”)C.document.getElementByClassName(“box”)D.document.getElementsByTagName(“box”)HTML中，哪个标签用于定义文档的主体，即页面可见内容区域（）A.<head>B.<body>C.<title>D.<html>HTML表单中，哪个input类型用于创建表单提交按钮（）A.type="button"B.type="reset"C.type="submit"D.type="text"CSS中，下列哪个属性可以更改元素的左外边距（）A.padding-leftB.margin-leftC.border-leftD.leftCSS选择器中，优先级最高的是下列哪一个（）A.内联样式B.id选择器C.类选择器D.标签选择器JavaScript中，下列哪个方法可以用来直接在HTML页面中输出内容（）A.console.log()B.window.alert()C.document.write()D.prompt()JavaScript数组vararr=[1,2,3,4,5];执行arr.splice(1,2);之后，arr数组的内容是（）A.[1,4,5]B.[1,2,4,5]C.[2,3]D.[1,2,3]HTTP协议中，哪个方法表示请求服务器发送指定资源，主要用于获取数据（）A.POSTB.GETC.PUTD.DELETE下列关于Cookie的描述中，错误的是（）A.Cookie存储在用户的浏览器端B.Cookie可以随着HTTP请求一起发送给服务器C.Cookie中存储敏感信息是安全的D.Cookie可以设置过期时间Bootstrap框架中，类名col-md-6表示的含义是（）A.在中等屏幕设备上，宽度占容器的六分之一B.在中等屏幕设备上，宽度占容器的一半C.在超小屏幕设备上，宽度占容器的六分之一D.在超小屏幕设备上，宽度占容器的一半下列关于jQuery的描述中，错误的是（）A.jQuery是一个快速简洁的JavaScript库B.jQuery中$符号就是jQuery的别名

C.jQuery中$(document).ready()和window.onload完全一样，没有区别

D.jQuery可以很方便的实现DOM操作和动画效果操作题（共3小题，满分60分）一、基本操作题（共1小题，满分18分）请在考生文件夹下完成如下操作：新建HTML文件index.html，补全HTML基础结构，要求：页面字符编码设置为UTF-8，页面标题设置为“二级Web操作练习”，引入外部样式表文件css/style.css，路径正确。在index.html的body标签内添加一个无序列表<ul>，列表包含三个列表项，文本内容分别为“首页”、“作品展示”、“联系我们”，给<ul>设置id属性，值为nav。编写css/style.css中的样式：设置#nav的内边距为0，去掉无序列表默认的列表符号，设置#nav下的li左浮动，宽度120px，行高30px，文本水平居中，背景颜色为#f0f0f0，li之间的右外边距为5px。二、简单应用题（共1小题，满分24分）考生文件夹下已有HTML文件app.html和JavaScript文件js/app.js，请根据题目要求补全代码，注释中标注//此处需要补全代码的位置填入正确内容：功能说明：该页面实现一个简单的计数器功能，点击“增加”按钮数字加1，点击“减少”按钮数字减1，点击“重置”按钮数字归零，初始值为0。现有代码框架如下：app.html核心代码：

<body>

<buttonid="addBtn">增加</button>

<buttonid="subBtn">减少</button>

<buttonid="resetBtn">重置</button>

<scriptsrc="js/app.js"></script>

</body>js/app.js代码：

//获取元素

varcountSpan=document.getElementById('count');

varaddBtn=document.getElementById('addBtn');

varsubBtn=document.getElementById('subBtn');

varresetBtn=document.getElementById('resetBtn');

//初始化计数

varcount=0;

//增加按钮点击事件

addBtn.addEventListener('click',function(){

①;//计数加1

countSpan.innerText=count;

});

//减少按钮点击事件

subBtn.addEventListener('click',function(){

count--;

②;//将最新的count赋值给span的文本内容

});

//重置按钮点击事件

resetBtn.③('click',function(){//绑定点击事件

④;

countSpan.innerText=count;

});要求：写出①②③④处应填入的正确代码。三、综合应用题（共1小题，满分18分）考生文件夹下已有素材，包含图片文件放在images文件夹下，请完成下列操作：功能要求：实现一个简单的图文画廊，共有4张图片，鼠标悬停在图片上时，图片透明度变为0.7，移出后恢复为1，点击图片弹出当前图片的大图预览，点击预览层关闭大图。要求：新建HTML文件gallery.html，在head区域引入CSS文件css/gallery.css，路径正确。在body区域添加一个div作为图片列表容器，id为imgList，容器内包含四个img标签，每个img的src分别设置为images/pic1.jpg、images/pic2.jpg、images/pic3.jpg、images/pic4.jpg，每个img都添加类名item。新建CSS文件css/gallery.css，补全样式：设置#imgList的宽度为1200px，水平居中，每个.item的宽度为280px，高度180px，margin为10px，左浮动，添加过渡效果transition:all0.3sease，当鼠标悬停在.item上时设置opacity为0.7。编写JavaScript代码，实现点击图片弹出大图、点击预览层关闭大图的功能。参考答案及解析选择题答案及解析答案：D解析：算法的复杂度包括时间复杂度和空间复杂度，A选项错误；算法的空间复杂度是指算法执行过程中所需要的存储空间，不是指令条数，B选项错误；压缩存储会减少算法占用的存储空间，因此会改变空间复杂度，C选项错误；时间复杂度是算法执行时间的度量，空间复杂度是存储空间的度量，二者没有必然的联系，D选项正确。答案：D解析：结构化程序设计的主要原则包括自顶向下、逐步求精、模块化、限制使用goto语句，可复用性不属于结构化程序设计的核心原则，是面向对象程序设计的特性，因此D选项正确。答案：D解析：需求分析阶段产生的文档主要包括数据流图（DFD）、数据字典（DD）、需求规格说明书（也称为系统说明书），软件测试计划是软件设计阶段后期或测试计划阶段产生的文档，不属于需求分析阶段的产出，因此D选项正确。答案：B解析：关系中，能够唯一标识一个元组的属性或属性组称为关键字（也叫码），记录是元组的俗称，字段是属性的俗称，域是属性的取值范围，因此B选项正确。答案：A解析：前序遍历顺序是根-左子树-右子树，中序遍历顺序是左子树-根-右子树，因此本题根节点是A，中序遍历中A左侧的DBE是左子树，右侧的FC是右子树；左子树的前序遍历顺序是B、D、E，因此左子树根是B，D是左子树，E是右子树，左子树后序遍历顺序为D-E-B；右子树前序遍历是C、F，中序遍历是F-C，因此根是C，F是左子树，右子树为空，后序遍历顺序是F-C；整棵二叉树后序遍历顺序是左子树-右子树-根，即DEB+FC+A=DEBFCA，因此A选项正确。答案：C解析：HTML中的标签分为双标签和单标签，单标签如<img>、<<SOFTBR>>、<input>等不需要成对出现，只有开始标签没有结束标签，因此C选项描述错误，符合题意。答案：A解析：em是相对长度单位，1em等于当前父元素的字体大小；rem是相对于根元素<html>的字体大小；px是绝对像素单位；vh是相对于视口高度的单位，因此A选项正确。答案：C解析：text-align:center用于设置块级元素内部的文本、行内元素水平居中；margin:0auto是块级元素本身在父容器中水平居中的标准写法；padding是内边距，不存在padding:0auto居中的用法，因此C选项正确。答案：B解析：JavaScript中，当数字和字符串做加法运算时，会自动将数字转换为字符串再拼接，因此变量num的值是字符串"123abc"，typeof运算符返回其类型为string，因此B选项正确。答案：A解析：document.getElementById()是通过id获取元素的方法，id在页面中唯一，因此方法名中的Element是单数形式，getElementsByName、getElementsByClassName、getElementsByTagName都是复数形式，返回元素集合，因此A选项写法正确。答案：B解析：<html>标签是整个HTML文档的根标签，<head>标签定义文档头部，用于存储元数据、引入资源、设置标题等，<title>定义页面标题，<body>标签定义文档主体，包含页面所有可见内容，因此B选项正确。答案：C解析：type="submit"的input元素就是表单提交按钮，点击会触发表单的提交动作；type="button"是普通按钮，没有默认动作；type="reset"是重置按钮，点击会清空表单内容恢复默认；type="text"是单行文本输入框，因此C选项正确。答案：B解析：margin-left是元素的左外边距，padding-left是左内边距，border-left是左边框，left属性用于定位元素的左偏移量，只对定位生效的元素起作用，因此B选项正确。答案：A解析：CSS选择器优先级从高到低排序为：!important>内联样式>ID选择器>类选择器/伪类选择器/属性选择器>标签选择器>通配选择器，因此优先级最高的是内联样式，A选项正确。答案：C解析：console.log()是在浏览器控制台输出内容，不会显示在页面中；window.alert()是弹出警告框显示内容，不会输出到页面文档流中；document.write()是将内容写入HTML文档流，直接输出在页面中；prompt()是弹出输入框接收用户输入，因此C选项正确。答案：A解析：Atotype.splice()方法用于修改数组，可以删除、替换、添加元素，第一个参数为删除的起始索引，第二个参数为要删除的元素个数，本题中从索引1开始删除2个元素，原数组索引0是1，索引1是2，索引2是3，索引3是4，索引4是5，删除索引1、2的元素2、3，剩余元素为[1,4,5]，因此A选项正确。答案：B解析：HTTP的GET方法用于请求获取服务器上的指定资源，参数会放在URL中传递；POST方法用于向服务器提交数据，用于创建或更新资源；PUT用于更新资源，DELETE用于删除资源，因此B选项正确。答案：C解析：Cookie存储在客户端浏览器中，可以被JavaScript读取修改，因此存储密码等敏感信息是不安全的，容易出现XSS窃取Cookie等安全问题，因此C选项描述错误，符合题意。答案：B解析：Bootstrap栅格系统将一行容器平均分为12列，col-屏幕断点-列数，md对应的屏幕断点是中等屏幕设备（≥992px），列数为6，12列中占6列即占容器宽度的50%，也就是一半，因此B选项正确。

20.答案：C解析：$(document).ready()是jQuery中DOM就绪事件，当DOM结构加载完成后就会执行，不需要等待图片等资源加载完成；window.onload是原生的页面加载完成事件，需要等待所有资源（包括图片、样式表等）全部加载完成才会执行，二者执行时机不同，不是完全一样的，因此C选项描述错误，符合题意。操作题参考答案一、基本操作题参考答案index.html代码：

<!DOCTYPEhtml>

<htmllang="zh-CN">

<head>

<metacharset="UTF-8">

<title>二级Web操作练习</title>

<linkrel="stylesheet"href="css/style.css">

</head>

<body>

<ulid="nav">

</ul>

</body>

</html>css/style.css代码：

#nav{

padding:0;

list-style:none;

overflow:hidden;

}

#navli{

float:left;

width:120px;

line-height:30px;

text-align:center;

background-color:#f0f0f0;

margin-right:5px;

}评分说明：本题满分18分，结构完整得3分，字符编码和标题设置正确各得2分共4分，引入外部样式表路径正确得2分，无序列表结构和id属性正确得2分，列表项内容正确得2分，样式符合要求得5分。二、简单应用题参考答案①count++（也可写count=count+1、count+=1，均正确）②countSpan.innerText=count（也可写countSpan.innerHTML=count，均得分）③addEventListener（也可写onclick，均正确）④count=0评分说明：本题满分24分，每个空6分，语义正确即可得分。三、综合应用题参考答案gallery.html代码：

<!DOCTYPEhtml>

<htmllang="zh-CN">

<head>

<metacharset="UTF-8">

<linkrel="stylesheet"href="css/gallery.css">

</head>

<body>

<divid="imgList">

<imgsrc="images/pic1.jpg"alt=""class="item">

<imgsrc="images/pic2.jpg"alt=""class="item">

<imgsrc="images/pic3.jpg"alt=""class="item">

<imgsrc="images/pic4.jpg"alt=""class="item">

</div>

varitems=document.querySelectorAll('.item');

varmask=document.createElement('div');

mask.style.cssText=`position:fixed;top:0;left:0;width:100\%;height:100\%;background:rgba(0,0,0,0.8);display:none;align-items:center;justify-content:center;z-index:9

人人文库> 全部分类> 教育资料 > 考试试卷

温馨提示

1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

全国计算机等级考试二级Web程序设计试卷及答案

文档简介

温馨提示

最新文档

评论

全国计算机等级考试二级Web程序设计试卷及答案

文档简介

温馨提示

最新文档

评论

相关文档