2026年计算机二级(Web程序设计)自测试题及答案

2026年计算机二级(Web程序设计)自测试题及答案一、单项选择题（每题1分，共40分）1.下列叙述中正确的是（）A.循环队列是队列的一种顺序存储结构B.循环队列是队列的一种链式存储结构C.循环队列是非线性结构D.循环队列的队满条件是队头指针等于队尾指针2.某二叉树的后序遍历序列是BDCA，中序遍历序列是BADC，它的前序遍历序列是（）A.ABCDB.ACBDC.ABDCD.ADCB3.结构化程序设计的基本原则不包括（）A.多态性B.自顶向下C.模块化D.逐步求精4.软件需求分析阶段的工作不包括（）A.需求评审B.需求获取C.编写概要设计说明书D.需求建模5.在软件开发中，需求分析阶段产生的主要文档是（）A.可行性分析报告B.软件需求规格说明书C.概要设计说明书D.集成测试计划6.数据库系统的核心是（）A.数据模型B.数据库管理系统C.数据库D.数据库管理员7.将E-R图转换为关系模式时，实体和联系都可以表示为（）A.属性B.关系C.键D.域8.在关系数据库中，用来表示实体之间联系的是（）A.树形结构B.网状结构C.二维表D.线性表9.算法的空间复杂度是指（）A.算法在执行过程中所需要的计算机存储空间B.算法所处理的数据量C.算法程序中的语句或指令条数D.算法在执行过程中所需要的临时工作单元数10.下列排序方法中，最坏情况下时间复杂度最低的是（）A.冒泡排序B.快速排序C.直接插入排序D.堆排序11.以下不属于HTTP1.1标准请求方法的是（）A.GETB.SETC.POSTD.PUT12.HTML5中新增的、可通过JavaScript动态绘制图形的元素是（）A.canvasB.svgC.graphD.draw13.下列CSS选择器优先级排序中，优先级最高的是（）A.#content.itempB.div#contentpC.divp.itemD.带有!important声明的普通类选择器14.在HTML中，下列标签默认属于块级元素的是（）A.<span>B.<a>C.<div>D.<img>15.CSS开发中，常见的清除浮动影响的写法中，不正确的是（）A.overflow:hiddenB.overflow:autoC.clear:bothD.overflow:clear16.JavaScript中，下列变量命名符合语法规范的是（）A.123abcB._abc123C.varD.abc12317.JavaScript中，表达式parseInt("12a45")的运行结果是（）A.NaNB.12C.1245D.12a4518.以下关于Ajax技术的描述，错误的是（）A.Ajax可以实现页面无刷新更新局部数据B.Ajax默认采用异步方式发送请求C.Ajax只能传输JSON格式的数据D.Ajax技术的核心是XMLHttpRequest对象19.HTML5的表单中，哪个属性用于规定当前输入框为必填项，提交前必须填写（）A.requiredB.placeholderC.autofocusD.disabled20.标准W3C盒子模型下，一个div设置width:100px，padding:10px，border:5px，margin:10px，该div实际在页面中占据的总宽度是（）A.100pxB.120pxC.130pxD.150px21.JavaScript数组操作方法中，用来删除数组最后一个元素并返回该元素的方法是（）A.shift()B.unshift()C.pop()D.push()22.以下关于HTTP状态码的描述，正确的是（）A.状态码200表示请求成功B.状态码301表示临时重定向C.状态码404表示服务器拒绝访问D.状态码500表示请求资源不存在23.CSSFlex弹性布局中，flex-grow属性的作用是（）A.规定项目的缩小比例B.规定项目的放大比例C.规定项目的排列顺序D.规定项目的基准大小24.HTML5中，用于定义页面中一块独立的、完整的内容区域（比如一篇文章、一个帖子块）的语义化标签是（）A.<header>B.<section>C.<article>D.<footer>25.JavaScript中，表达式typeofnull的输出结果是（）A.nullB.objectC.undefinedD.number26.下列CSS长度单位中，是相对于父元素字体大小的相对单位是（）A.pxB.emC.remD.vw27.以下关于浏览器同源策略的描述，错误的是（）A.同源策略禁止JavaScript读取不同源的Cookie、DOM和数据B.同源要求协议、域名、端口号三者全部相同才属于同源C.Ajax请求不受同源策略限制D.可以使用JSONP方案解决跨域数据请求问题28.HTML中，form表单的哪个属性用于指定表单数据提交的目标地址（）A.methodB.actionC.enctypeD.target29.JavaScript中，标准DOM事件模型里，用来阻止事件冒泡的正确方法是（）A.event.preventDefault()B.event.stopPropagation()C.event.cancelBubble()D.event.stopImmediatePropagation()30.CSS中，要让元素隐藏且完全不占用页面原有空间，正确的写法是（）A.visibility:hidden;B.display:none;C.opacity:0;D.filter:alpha(opacity=0);31.下列方案中，不属于前端网页跨域问题解决方案的是（）A.CORSB.JSONPC.document.domain+iframeD.localStorage32.HTML中，iframe标签的作用是（）A.定义一个内联框架，嵌入另一个网页B.定义表格的行C.定义图像映射区域D.定义文本输入框33.下列实现元素水平居中的写法中，错误的是（）A.定宽块级元素可以设置margin:0auto实现水平居中B.父元素开启flex布局，设置justify-content:center可以实现子元素水平居中C.绝对定位元素可以通过left:50%加负margin-left实现水平居中D.父元素设置text-align:center可以让所有块级元素水平居中34.JavaScript中，下列表达式运行结果为true的是（）A.null==undefinedB.null===undefinedC.NaN==NaND.[]===false35.以下关于HTTP协议中GET和POST方法的描述，错误的是（）A.GET请求的参数拼接在URL中，POST请求的参数放在请求体中B.GET请求有URL长度限制，POST请求理论上没有数据大小限制C.GET比POST更不安全，因为参数直接暴露在URL中，容易被日志、历史记录保存D.GET只能发送文本类型数据，POST只能发送二进制类型数据36.HTML5新增的前端存储方案中，适合存储长期不变的用户数据、存储容量最大的是（）A.CookieB.SessionStorageC.LocalStorageD.Session37.以下关于JavaScript闭包的描述，正确的是（）A.闭包一定会导致内存泄漏，开发中禁止使用闭包B.闭包是函数外部访问函数内部变量的机制C.闭包会缩短变量的生命周期，让变量执行完立即销毁D.闭包只能存在于递归函数中38.CSS定位中，相对定位（position:relative）的定位基准是（）A.浏览器视口B.父元素C.元素自身原本的位置D.最近的非static定位的父元素39.下列JavaScript代码运行后，控制台的输出结果是（）```javascriptconsole.log(a);vara=1;console.log(a);```A.undefined1B.报错，输出undefinedC.11D.报错，输出ReferenceError40.原生JavaScript中，不覆盖原有类名，给p标签添加类active的正确写法是（）A.document.querySelector('p').className='active'B.document.querySelector('p').classList.add('active')C.document.querySelector('p').addClassName('active')D.document.querySelector('p').className.add('active')二、单项选择题参考答案及解析1.参考答案：A解析：循环队列是将顺序存储的队列首尾相连形成的循环结构，属于顺序存储，因此A正确、B错误；循环队列是线性结构，C错误；循环队列队空条件是队头等于队尾，队满条件是（队尾+1）%队列长度等于队头，D错误。2.参考答案：A解析：根据后序遍历根在最后，得到根节点是A；中序遍历中A左边只有B，因此左子树是B，右子树是DC；后序遍历顺序是C在D后，因此右子树的根是D，右孩子是C，因此前序遍历顺序是根A→左B→右D→右C，即ABCD，选A。3.参考答案：A解析：结构化程序设计的基本原则包括自顶向下、逐步求精、模块化、限制使用goto语句，多态性是面向对象的特征，因此选A。4.参考答案：C解析：需求分析阶段工作包括需求获取、需求建模、编写需求规格说明书、需求评审，编写概要设计说明书是概要设计阶段的工作，因此选C。5.参考答案：B解析：需求分析阶段产生的核心文档是软件需求规格说明书，可行性分析报告是可行性研究阶段的产物，概要设计说明书是设计阶段产物，因此选B。6.参考答案：B解析：数据库系统的核心是数据库管理系统（DBMS），因此选B。7.参考答案：B解析：E-R图转换为关系模式时，一个实体转换为一个关系，一个联系也可以转换为一个关系，因此选B。8.参考答案：C解析：关系数据库用二维表表示实体以及实体之间的联系，树形结构是层次模型，网状结构是网状模型，因此选C。9.参考答案：A解析：算法的空间复杂度定义就是算法执行过程中所需要的存储空间，包括程序代码、输入数据、临时空间，因此选A。10.参考答案：D解析：冒泡排序、快速排序、直接插入排序最坏情况下时间复杂度都是O(n²)，堆排序最坏情况下时间复杂度是O(nlogn)，复杂度最低，因此选D。11.参考答案：B解析：HTTP1.1的标准请求方法包括GET、POST、PUT、DELETE、HEAD、OPTIONS等，SET不是标准请求方法，因此选B。12.参考答案：A解析：canvas是HTML5新增的动态绘制图形的元素，svg是使用XML描述矢量图形的标签，没有graph和draw标签，因此选A。13.参考答案：D解析：CSS优先级规则中，!important声明的优先级最高，高于id选择器等其他选择器，因此选D。14.参考答案：C解析：div默认是块级元素，span、a、img默认是行内/行内块元素，因此选C。15.参考答案：D解析：overflow属性的合法值是hidden、auto、scroll、visible，没有clear，overflow:clear是非法写法，因此选D。16.参考答案：B解析：JavaScript变量命名规则：必须以字母、下划线、$开头，不能是关键字，不能包含空格，因此只有_abc123合法，选B。17.参考答案：B解析：parseInt从字符串开头解析，遇到非数字字符停止，因此解析到12停止，结果是12，选B。18.参考答案：C解析：Ajax可以传输HTML、XML、JSON、文本等多种格式的数据，不是只能传输JSON，因此C错误，选C。19.参考答案：A解析：required属性是HTML5新增的必填验证属性，placeholder是占位提示，autofocus是自动聚焦，disabled是禁用，因此选A。20.参考答案：D解析：标准W3C盒子模型中，总宽度=width+左右padding+左右border+左右margin=100+2*10+2*5+2*10=150px，因此选D。21.参考答案：C解析：pop()删除最后一个元素，push()添加到末尾，shift()删除第一个元素，unshift()添加到开头，因此选C。22.参考答案：A解析：200表示请求成功，301是永久重定向，302是临时重定向，404是请求不存在，403是服务器拒绝访问，500是服务器内部错误，因此只有A正确，选A。23.参考答案：B解析：flex-grow定义项目在剩余空间中的放大比例，flex-shrink定义缩小比例，flex-basis定义基准大小，order定义排列顺序，因此选B。24.参考答案：C解析：article标签定义独立完整的内容块，header定义头部区域，section定义文档章节，footer定义底部区域，因此选C。25.参考答案：B解析：JavaScript设计缺陷中typeofnull的结果就是object，这是语言本身的历史遗留问题，因此选B。26.参考答案：B解析：em是相对于当前元素父元素的字体大小，rem是相对于根元素html的字体大小，px是绝对单位，vw是视口宽度的百分单位，因此选B。27.参考答案：C解析：同源策略限制了Ajax向不同源发送请求，Ajax是受同源策略限制的，因此C错误，选C。28.参考答案：B解析：action属性指定表单提交的地址，method指定提交方法GET/POST，因此选B。29.参考答案：B解析：标准DOM中阻止冒泡的方法是event.stopPropagation()，cancelBubble是IE旧版本的写法，preventDefault()阻止默认行为，因此选B。30.参考答案：B解析：display:none隐藏元素不占空间，visibility:hidden隐藏元素仍然占空间，opacity:0只是透明不可见，仍然占空间，因此选B。31.参考答案：D解析：localStorage是本地存储方案，不是跨域解决方案，CORS、JSONP、document.domain都是常见跨域方案，因此选D。32.参考答案：A解析：iframe的作用就是定义内联框架，嵌入第三方网页，因此选A。33.参考答案：D解析：text-align:center只对行内元素、行内块元素生效，块级元素不会因此水平居中，因此D错误，选D。34.参考答案：A解析：JavaScript中null和undefined在==比较时结果为true，全等比较时为false，NaN和任何值比较都是false，[]和false全等比较是false，因此选A。35.参考答案：D解析：GET和POST都可以发送任意类型的数据，没有数据类型的限制，因此D错误，选D。36.参考答案：C解析：LocalStorage是永久存储（除非手动删除），容量一般在5MB以上，Cookie一般4KB左右，SessionStorage是会话级存储，关闭浏览器就清除，容量比Cookie大但使用场景不同，因此选C。37.参考答案：B解析：闭包的定义就是函数外部能够访问函数内部变量的机制，闭包会延长变量的生命周期，使用不当才会导致内存泄漏，不是所有闭包都不能用，闭包不要求一定是递归，因此选B。38.参考答案：C解析：相对定位是相对于元素自身原本的位置偏移，绝对定位才是相对于最近的非static定位父元素，固定定位相对于浏览器视口，因此选C。39.参考答案：A解析：JavaScript存在变量提升，var声明的变量会提升到作用域顶部，声明但不赋值，因此第一个console.log输出undefined，赋值后第二个输出1，因此选A。40.参考答案：B解析：classList是原生提供的类操作对象，add方法可以添加类不覆盖原有类，className直接赋值会替换所有原有类，因此选B。三、操作题（共60分）（一）基本操作题（18分）题目要求：考生文件夹下存在index.html、css/style.css、img/banner.jpg三个文件，请完成以下修改：1.在index.html的head标签内，补全引入外部样式表css/style.css的代码。2.在index.html的header标签内部末尾，插入图片banner.jpg，要求图片路径正确，alt属性设置为“首页横幅”。3.为index.html中class为container的div添加内联样式，要求设置背景颜色为#f8f9fa，内边距为15px。4.保存修改后的文件。参考答案：1.引入样式表的代码添加到head标签内，完整正确代码为：`<linkrel="stylesheet"type="text/css"href="css/style.css">`2.header标签末尾插入图片的正确代码为：`<imgsrc="img/banner.jpg"alt="首页横幅">`3.修改后的containerdiv标签正确写法为：`<divclass="container"style="background-color:#f8f9fa;padding:15px;"></div>`（二）简单应用题（24分）题目要求：考生文件夹下存在index.html，页面有3个tab标签和对应3个内容块，要求实现切换功能：点击任意tab标签，当前tab添加类active（选中样式），其余tab移除active类，同时显示当前tab对应的内容块，隐藏其余内容块，请补全JavaScript代码。已有的HTML结构如下：```html<divclass="tabs"><buttonclass="tabactive"data-target="tab1">介绍</button><buttonclass="tab"data-target="tab2">详情</button><buttonclass="tab"data-target="tab3">评论</button></div><divclass="contents"><divclass="contentactive"id="tab1">介绍内容</div><divclass="content"id="tab2">详情内容</div><divclass="content"id="tab3">评论内容</div></div>```请补全实现功能的JavaScript代码。参考答案：完整可运行正确代码如下：```javascript//获取所有tab元素和内容元素consttabs=document.querySelectorAll('.tab');constcontents=document.querySelectorAll('.content');//遍历每个tab绑定点击事件tabs.forEach(tab=>{tab.addEventListener('click',function(){//移除所有tab的active类tabs.forEach(item=>item.classList.remove('active'));//给当前点击的tab添加activethis.classList.add('active');//获取当前tab对应的内容idconsttargetId=this.dataset.target;//隐藏所有内容contents.forEach(content=>content.classList.remove('active'));//显示目标内容document.getElementById(targetId).classList.add('active');})})```（三）综合应用题（18分）题目要求：实现一个简单的网页计算器，支持两个数的加减乘除运算，要求：1.提供两个输入框，分别输入运算数a和运算数b。2.提供四个按钮，分别对应加、减、乘、除四个运算。3.点击运算按钮后，将结果显示到结果输入框中；如果输入不是合法数字，弹出提示“请输入合法数字”；如果是除法运算且除数为0，弹出提示“除数不能为0”。请写出完整的HTML、CSS、JavaScript代码实现该功能。参考答案：完整可运行实现代码如下：```html<!DOCTYPEhtml><htmllang="zh-CN"><head><metacharset="UTF-8"><style>.calculator{width:400px;margin:50pxauto;padding:20px;border:1pxsolid#eee;border-radius:8px;box-shadow:0010pxrgba(0,0,0,0.1);}.input-group{margin:15px0;display:flex;align-items:center;justify-content:space-between;}input{width:250px;height:35px;padding:010px;border:1pxsolid#ddd;border-radius:4px;font-size:16px;}.btn-group{display:flex;justify-content:space-between;margin:20px0;}button{width:80px;height:40px;border:none;border-radius:4px;background-color:#1677ff;color:#fff;font-size:16px;cursor:pointer;}button:hover{background-color:#4096ff;}</style></head><body><divclass="calculator"><divclass="input-group"><label>运算数a：</label><inputtype="text"id="numA"placeholder="请输入第一个数字"></div><divclass="input-group