计算机二级Web程序设计题库及答案_第1页
计算机二级Web程序设计题库及答案_第2页
计算机二级Web程序设计题库及答案_第3页
计算机二级Web程序设计题库及答案_第4页
计算机二级Web程序设计题库及答案_第5页
已阅读5页，还剩24页未读， 继续免费阅读

下载本文档

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

文档简介

计算机二级Web程序设计题库及答案一、单项选择题1.下列关于HTML5的新特性，描述错误的是（）A.新增了语义化标签，如<article>、<section>B.原生支持音频视频播放，无需依赖Flash插件C.新增了canvas绘图功能，可实现动态图形绘制D.HTML5不支持本地存储，必须依赖Cookie实现数据本地缓存答案：D解析：HTML5新增了WebStorage存储机制，包括localStorage和sessionStorage，支持本地大容量存储，Cookie不是唯一的本地存储方式，因此D选项描述错误。2.在CSS中，下列哪个属性可以用于修改元素的内外边距，将内边距和外边距同时设置为10px，上下左右方向一致（）A.margin:10px;B.padding:10px;C.margin:10pxpadding:10px;D.margin:10px;padding:10px;答案：D解析：margin用于设置外边距，padding用于设置内边距，二者是独立属性，需要分别声明，因此正确写法是margin:10px;padding:10px;，D选项正确。C选项写法不符合CSS语法规范，错误。3.JavaScript中，下列哪个方法可以用于在页面加载过程中向页面末尾添加新的HTML内容（）A.document.write()B.innerHTMLC.appendChild()D.window.write()答案：A解析：document.write()方法会直接将内容写入文档流，页面加载过程中调用会在文档流对应位置写入内容，符合向页面末尾添加内容的场景要求。innerHTML是修改已有元素的内容，不是直接添加到页面末尾；appendChild()需要先获取父元素节点，不是原生的直接向页面末尾添加内容的方法；JavaScript中没有window.write()原生方法，因此A正确。4.下列CSS选择器优先级从高到低排序，正确的是（）A.内联样式>ID选择器>类选择器>标签选择器B.ID选择器>内联样式>类选择器>标签选择器C.内联样式>类选择器>ID选择器>标签选择器D.内联样式>ID选择器>标签选择器>类选择器答案：A解析：CSS选择器优先级规则为：内联样式（优先级权重1000）>ID选择器（优先级权重100）>类选择器/伪类选择器/属性选择器（优先级权重10）>标签选择器（优先级权重1），因此A选项排序正确。5.在HTTP协议中，下列方法用于从服务器获取资源，是最常用的请求方法的是（）A.POSTB.GETC.PUTD.DELETE答案：B解析：HTTP常用方法中，GET用于向服务器请求获取指定资源，是访问页面时默认的请求方法；POST用于向服务器提交数据，常用于表单提交；PUT用于上传修改服务器指定资源；DELETE用于删除服务器指定资源，因此B选项正确。6.HTML中，哪个标签用于定义整个文档的头部，承载文档的元数据、外部资源引入等内容（）A.<body>B.<title>C.<head>D.<header>答案：C解析：<head>是HTML5文档的头部容器，用于存放元数据、页面标题、CSS样式引用、JavaScript脚本引入等内容；<body>是文档主体内容容器；<title>定义页面标题，是<head>的子元素；<header>是HTML5新增的语义化标签，用于定义页面内容块的头部，不是整个文档的头部容器，因此C正确。7.JavaScript中，下列变量命名合法的是（）A.123varB.var-nameC._userNameD.var答案：C解析：JavaScript变量命名规则为：只能由字母、数字、下划线（_）、美元符号（$）组成，不能以数字开头，不能使用JavaScript保留字和关键字。A选项以数字开头，不合法；B选项使用了减号，不合法；D选项var是JavaScript关键字，不能作为变量名，因此C合法。8.下列哪个CSS定位模式，会使元素脱离正常文档流，相对于浏览器窗口进行定位（）A.staticB.relativeC.absoluteD.fixed答案：D解析：static是元素默认定位方式，遵循正常文档流；relative是相对定位，相对于自身正常位置偏移，不脱离文档流；absolute是绝对定位，相对于最近的非static定位父元素偏移，脱离文档流；fixed是固定定位，相对于浏览器视口（窗口）定位，脱离文档流，常用于固定导航栏、侧边栏等元素，因此D正确。9.JavaScript中，表达式typeofnull的返回值是（）A."null"B."object"C."undefined"D."number"答案：B解析：JavaScript存在历史遗留bug，设计初期将null定义为空对象指针，因此typeofnull的返回值为"object"，并非"null"，因此B选项正确。10.HTML中，input标签的下列哪个type属性值，用于定义复选框（）A.radioB.checkboxC.selectD.button答案：B解析：type="radio"定义单选框，同一组单选框name属性相同只能选中一个；type="checkbox"定义复选框，支持多选；select是独立的下拉框标签，不是input的type属性值；type="button"定义普通按钮，因此B正确。11.CSSFlex布局中，下列哪个属性用于设置项目在主轴上的对齐方式（）A.align-itemsB.justify-contentC.flex-directionD.flex-wrap答案：B解析：Flex布局中，justify-content用于设置项目在主轴方向的对齐方式；align-items用于设置项目在交叉轴方向的对齐方式；flex-direction用于设置主轴的方向；flex-wrap用于设置项目超出容器时是否换行，因此B正确。12.下列关于localStorage和sessionStorage的区别，描述正确的是（）A.localStorage存储的数据在页面关闭后就会被清除，sessionStorage会永久保留B.sessionStorage存储的数据在页面关闭后就会被清除，localStorage会永久保留除非手动清除C.localStorage和sessionStorage存储的数据都会在页面关闭后被清除D.localStorage和sessionStorage都只能存储最多1KB数据，和Cookie一致答案：B解析：WebStorage中，sessionStorage是会话级存储，浏览器关闭（会话结束）后数据自动清除；localStorage是持久化存储，除非用户手动清除或者代码调用清除方法，数据会一直保留在本地；二者都可以存储最大约5MB的数据，远大于Cookie的4KB大小限制，因此B选项正确。13.HTML中，哪个属性用于设置元素的唯一标识，同一个HTML文档中不能出现重复的该属性值（）A.classB.nameC.idD.data-id答案：C解析：id属性用于定义元素的唯一id，HTML规范中要求同一个文档内id值必须唯一；class类名可以多个元素共用，同一个元素也可以有多个类名；name属性常用于表单元素，允许重复；data-id是自定义属性，没有唯一性要求，因此C正确。14.JavaScript中，哪个方法可以用于正确添加/移除元素的CSS类（）A.add()/remove()B.classList.add()/classList.remove()C.className.add()/className.remove()D.setAttribute()/removeAttribute()答案：B解析：DOM元素的classList属性提供了add()、remove()、toggle()等原生方法，用于操作元素的CSS类；className是获取元素所有类名的字符串，没有add和remove方法；setAttribute可以设置类名但无法实现追加移除单个类的效果，因此B正确。15.下列关于BOM和DOM的描述，错误的是（）A.DOM是文档对象模型，用于操作HTML文档的元素节点B.BOM是浏览器对象模型，用于操作浏览器窗口相关的功能C.window对象是BOM的顶层对象，也是JavaScript的全局对象D.document对象不属于BOM，只属于DOM，和BOM无关答案：D解析：document对象是window对象的核心属性，既属于DOM的核心对象，也被包含在BOM体系中，因此D选项描述错误，正确答案为D。二、多项选择题1.下列属于JavaScript基本数据类型的有（）A.UndefinedB.NumberC.ObjectD.Boolean答案：ABD解析：JavaScript的基本数据类型包括Undefined、Null、Boolean、Number、String、Symbol（ES6新增），Object属于引用数据类型，因此C不选，正确答案为ABD。2.下列属于CSS盒模型组成部分的有（）A.contentB.paddingC.borderD.margin答案：ABCD解析：标准CSS盒模型由内到外依次为内容区（content）、内边距（padding）、边框（border）、外边距（margin）四个部分，四个部分都属于盒模型的组成，影响元素的实际占用空间，因此全选。3.HTML5中，下列属于语义化标签的有（）A.<div>B.<footer>C.<nav>D.<aside>答案：BCD解析：div是没有语义的通用块级容器，<footer>（页脚）、<nav>（导航栏）、<aside>（侧边栏）都是HTML5新增的语义化标签，能够清晰表达标签内容的业务含义，提升代码可读性和搜索引擎友好性，因此正确答案为BCD。4.下列关于JavaScript闭包的描述，正确的有（）A.闭包是指有权访问另一个函数作用域中变量的函数B.闭包会使得函数内部的变量一直保留在内存中，使用不当可能造成内存泄漏C.闭包可以用于实现私有变量封装和早期模块化开发D.闭包只能在全局作用域中创建答案：ABC解析：闭包的核心定义就是函数内部的函数访问外部函数作用域的变量，因此A正确；闭包会保持对外部作用域变量的引用，导致变量无法被垃圾回收机制回收，不合理使用会造成不必要的内存占用，B正确；利用闭包的特性，可以封装私有变量，避免全局变量污染，是早期JavaScript模块化开发的常用方案，C正确；闭包通常在函数内部创建，不需要依赖全局作用域，D错误，因此正确答案为ABC。5.下列关于HTTP和HTTPS的描述，正确的有（）A.HTTPS是加密传输的HTTP协议，需要部署SSL证书才能使用B.HTTP默认端口是80，HTTPS默认端口是443C.HTTPS比HTTP更安全，但是握手加密过程会消耗更多计算资源D.HTTPS可以防止传输过程中数据被窃听、篡改，HTTP不能答案：ABCD解析：四个选项描述均正确，HTTPS是在HTTP基础上加入SSL/TLS加密层，需要CA颁发的SSL证书，默认端口为443，HTTP默认端口为80；HTTPS通过非对称加密和对称加密结合的方式保障数据传输安全，避免传输过程中被窃听和篡改，但是加密握手过程会消耗额外的计算资源，因此四个选项全部正确。三、操作题1.基本操作题题目要求：补全HTML代码，实现如下功能：①设置页面字符编码为UTF-8，页面标题为“计算机二级练习页”；②在页面插入一张图片，源地址为“bg.jpg”，替代文本为“背景图”，图片宽度为500px；③创建一个超链接，点击跳转到官方考试网站，设置在新窗口打开。补全代码中空缺位置：```html<!DOCTYPEhtml><htmllang="zh-CN">//位置1<metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0">//位置2<body>//位置3<ahref=""//位置4>中国教育考试网</a></body></html>```参考答案：位置1：`<head>`位置2：`<title>计算机二级练习页</title>`位置3：`<imgsrc="bg.jpg"alt="背景图"width="500">`位置4：`target="_blank"`完整正确代码：```html<!DOCTYPEhtml><htmllang="zh-CN"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>计算机二级练习页</title></head><body><imgsrc="bg.jpg"alt="背景图"width="500"><ahref=""target="_blank">中国教育考试网</a></body></html>```解析：本题考核HTML基础结构和常用标签属性，文档元数据需要放在<head>标签内，页面标题由title标签定义，图片使用img标签，src定义路径、alt定义替代文本、width定义宽度，超链接新窗口打开通过`target="_blank"`实现，符合所有考点要求。2.简单应用题题目要求：编写CSS代码实现以下效果：①清除页面所有元素的默认内外边距，设置页面字体为微软雅黑，字号16px，行高1.5；②创建一个类名为box的容器，宽度为1000px，水平居中，背景色#f8f8f8，内边距20px，边框1pxsolid#e5e5e5；③box内的p段落颜色为#666，底部外边距15px；④给类名为primary的按钮设置样式：背景#1677ff，文字白色，无边框，内边距8px16px，圆角4px，鼠标悬浮背景变为#4096ff。参考答案：```css*{margin:0;padding:0;box-sizing:border-box;}body{font-family:"微软雅黑",sans-serif;font-size:16px;line-height:1.5;}.box{width:1000px;margin:20pxauto;background-color:#f8f8f8;padding:20px;border:1pxsolid#e5e5e5;}.boxp{color:#666;margin-bottom:15px;}button.primary{background-color:#1677ff;color:#ffffff;border:none;padding:8px16px;border-radius:4px;cursor:pointer;transition:all0.3s;}button.primary:hover{background-color:#4096ff;}```解析：本题考核CSS基础样式重置和布局、选择器使用，通配符*实现默认边距清除，水平居中通过`margin:0auto`实现，悬浮状态通过:hover伪类实现，完全符合题目要求。3.综合应用题题目要求：编写JavaScript代码实现简易表单验证功能，需求：①表单id为loginForm，包含用户名输入框id为username，密码输入框id为password，提交按钮id为submitBtn；②点击提交按钮时，验证用户名不能为空，用户名长度不能小于3位；密码不能为空，密码长度不能小于6位；③如果验证不通过，弹出对应的提示信息（用户名为空提示“请输入用户名”，长度不足提示“用户名长度不能少于3位”，密码为空提示“请输入密码”，长度不足提示“密码长度不能少于6位”），阻止表单提交；④验证全部通过则提交表单。给定HTML结构如下，请补全JavaScript代码：```html<formid="loginForm"action="login"method="post">用户名：<inputtype="text"id="username"name="username">密码：<inputtype="password"id="password"name="password"><buttontype="submit"id="submitBtn">提交</button></form><script>

人人文库> 全部分类> 行业资料 > 各类标准

温馨提示

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

最新文档

评论

0/150

提交评论