全国计算机二级web试题及答案_第1页
全国计算机二级web试题及答案_第2页
全国计算机二级web试题及答案_第3页
全国计算机二级web试题及答案_第4页
全国计算机二级web试题及答案_第5页
已阅读5页，还剩26页未读， 继续免费阅读

下载本文档

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

文档简介

全国计算机二级web试题及答案1.下列关于HTML5文档基本结构的说法，正确的是哪一项？A.<html>标签必须放在<!DOCTYPEhtml>之前B.<head>标签用于存放所有可见的页面内容C.<title>标签是<head>标签中唯一要求必须包含的元素D.HTML5中必须指定lang属性才能正确渲染页面答案：C解析：<!DOCTYPEhtml>声明必须位于HTML文档最顶部，在<html>标签之前，因此A选项错误；<body>标签用于存放所有可见的页面内容，<head>标签用于存放页面元数据，不会显示在页面内容区，因此B选项错误；HTML5规范中lang属性不属于强制要求，仅用于提升页面可访问性和搜索引擎友好度，不影响页面正常渲染，因此D选项错误，本题正确答案为C。2.HTML5中新增的input类型，用于应该包含email地址的输入域是哪个？A.urlB.emailC.telD.search答案：B解析：HTML5新增了多个语义化的input输入类型，email类型专门用于邮箱地址输入域，部分浏览器会自动触发格式校验，移动端会自动弹出适配邮箱输入的键盘，因此本题正确答案为B。3.下列CSS选择器优先级从高到低排序正确的是？A.!important>行内样式>ID选择器>类选择器>标签选择器>通配符选择器B.!important>ID选择器>行内样式>类选择器>标签选择器>通配符选择器C.行内样式>!important>ID选择器>类选择器>标签选择器>通配符选择器D.!important>行内样式>类选择器>ID选择器>标签选择器>通配符选择器答案：A解析：CSS优先级的核心规则为：!importan声明优先级最高，会覆盖其他所有样式规则；其次为写在元素标签内的行内样式；接下来是ID选择器，之后是类选择器、伪类选择器、属性选择器，再之后是标签选择器，优先级最低的是通配符选择器、继承样式，因此本题正确排序为A选项。4.在标准W3C盒模型中，盒子实际占据页面的总宽度计算公式正确的是？A.总宽度=width+左右padding+左右border+左右marginB.总宽度=width+左右padding+左右borderC.总宽度=width，padding和border包含在width内D.总宽度=width+左右margin答案：A解析：标准W3C盒模型中，width属性仅定义内容(content)区域的宽度，内边距padding、边框border、外边距margin都是额外计算的，因此盒子实际占据页面的总宽度为width加上三个部分的左右值总和，因此A选项正确。IE怪异盒模型会将padding和border计算在width范围内，不符合W3C标准盒模型规则。5.下列JavaScript变量命名中，合法的变量名是？A.123testB.test-1C._test123D.var答案：C解析：JavaScript变量命名规则为：只能以字母、下划线(_)、美元符号($)开头，不能以数字开头；变量名中只能包含字母、数字、下划线、美元符号，不能包含横杠等特殊字符；不能使用JavaScript的保留关键字、关键字作为变量名，var是JavaScript的关键字，不能作为变量名，因此只有C选项符合规则。6.JavaScript中，下列不属于原始类型（基本数据类型）的是？A.NumberB.StringC.ObjectD.Undefined答案：C解析：JavaScript的基本数据类型（原始类型）包含Undefined、Null、Boolean、Number、String、Symbol（ES6新增）共六种，Object、Array、Function等都属于引用数据类型，因此本题选C。7.在HTTP协议中，默认情况下用于向服务器提交数据，会将数据附加在URL中的请求方法是？A.POSTB.GETC.PUTD.DELETE答案：B解析：GET请求是HTTP最常用的请求方法之一，会将请求参数拼接在URL末尾，数据大小受URL长度限制，且参数会暴露在地址栏，不适合传输敏感大量数据；POST请求将数据放在请求体中，大小不受限，更安全，因此本题选B。8.当用户请求的资源在服务器端被永久转移到新地址时，服务器返回的HTTP状态码是？A.301B.302C.404D.500答案：A解析：常见HTTP状态码分类中，3xx表示重定向，其中301是永久重定向，表示资源已永久转移到新地址，搜索引擎会更新资源地址；302是临时重定向，资源地址临时转移；404表示请求资源不存在；500表示服务器内部错误，因此本题选A。9.JavaScript中，获取页面中id为box的元素，正确的写法是？A.document.getElementByClassName("box")B.document.getElementById("box")C.document.getElementsByTagName("box")D.document.querySelector(".box")答案：B解析：A选项getElementByClassName用于获取类名对应元素集合，返回的是包含所有box类名元素的数组，不会只返回id匹配的元素；C选项getElementsByTagName用于获取标签名对应元素集合，这里参数box会匹配<box>标签，不符合要求；D选项querySelector(".box")匹配类名为box的第一个元素，只有B选项正确匹配id为box的元素，因此本题选B。10.下列关于JavaScript事件冒泡的描述，正确的是？A.事件冒泡是指事件从最具体的元素向上传播到父元素的过程B.事件冒泡是指事件从根节点向下传播到目标元素的过程C.所有浏览器都不支持事件冒泡D.事件冒泡无法被阻止答案：A解析：JavaScript的事件流分为两个阶段：捕获阶段和冒泡阶段，捕获阶段是事件从顶层根节点向下传播到目标节点，冒泡阶段是事件从目标节点向上传播回父节点、根节点，当前所有主流浏览器都默认支持事件冒泡，调用event.stopPropagation()方法即可阻止事件冒泡，因此只有A选项描述正确。11.下列哪个CSS属性是专门用来清除浮动的？A.clearB.floatC.overflowD.display答案：A解析：clear属性是CSS专门提供的清除浮动的属性，常用取值left、right、both，其中clear:both可以清除元素左右两侧的浮动，解决父元素高度塌陷问题。overflow:hidden可以通过触发BFC间接实现清除浮动，但不是专门的清除浮动属性，因此本题选A。12.HTML中，哪个标签用于定义整个HTML文档的可见主体内容？A.headerB.bodyC.mainD.html答案：B解析：header是HTML5新增的页眉标签，用于定义页面内容区域的头部；main用于定义页面的主要内容区域；html是整个HTML文档的根标签；body标签用于包含所有可见的页面内容，是文档的主体标签，因此本题选B。13.JavaScript中，表达式parseInt("12abc34")的运行结果是？A.12B.1234C.NaND.报错答案：A解析：parseInt函数的解析规则是从字符串左侧第一个字符开始解析，遇到第一个非数字字符就停止解析，返回已经解析得到的整数，因此该表达式只会解析到12，后续字符忽略，结果为12，本题选A。14.JavaScript中，表达式"5"+2+3的运行结果是？A.10B.523C.55D.NaN答案：B解析：JavaScript中加号运算符的规则是：只要有一个操作数是字符串，就会执行字符串拼接，运算从左到右执行，因此先计算"5"+2，得到字符串"52"，再拼接3，最终结果为字符串"523"，本题选B。15.CSS中，下列哪个属性用于设置元素的左外边距？A.padding-leftB.margin-leftC.leftD.border-left答案：B解析：padding-left用于设置元素内部的左内边距，margin-left用于设置元素外部的左外边距，left用于设置开启定位的元素的左偏移量，border-left用于定义元素的左边框样式，因此本题选B。16.HTML超链接标签a中，哪个属性用于指定链接的目标地址？A.altB.titleC.hrefD.src答案：C解析：alt属性是图片的替换文本，title属性是鼠标悬浮时的提示文本，href属性用于定义超链接的跳转地址，src属性用于图片、脚本、iframe等资源的引入地址，因此本题选C。17.下列关于Cookie的描述，错误的是？A.Cookie存储在客户端浏览器中B.Cookie可以用于实现用户会话跟踪C.Cookie的大小没有任何限制D.Cookie可以自定义设置过期时间答案：C解析：浏览器对Cookie的大小和数量都有明确限制，单个Cookie的大小一般不能超过4KB，每个域名下的Cookie数量一般不超过50个，因此C选项描述错误，本题选C。18.Bootstrap框架中，用于中等屏幕（桌面显示器，宽度≥992px）的栅格列类前缀是？A.col-xs-B.col-sm-C.col-md-D.col-lg-答案：C解析：Bootstrap3/4的栅格系统断点规则为：col-xs-对应超小屏幕（宽度<768px，如手机），col-sm-对应小屏幕（宽度≥768px，如平板），col-md-对应中等屏幕（宽度≥992px，如桌面显示器），col-lg-对应大屏幕（宽度≥1200px，如大显示器），因此本题选C。19.JavaScriptDOM操作中，哪个方法可以用来向父元素的子节点列表末尾添加一个新节点？A.appendChild()B.insertBefore()C.removeChild()D.replaceChild()答案：A解析：appendChild()用于在父节点的子节点列表末尾追加新节点，insertBefore()用于将新节点插入到指定子节点的前面，removeChild()用于删除指定子节点，replaceChild()用于替换指定子节点，因此本题选A。20.下列关于HTML5Web存储的说法，正确的是？A.localStorage存储的数据会在浏览器关闭后自动清除B.sessionStorage存储的数据可以长期保留，除非主动删除C.localStorage和sessionStorage的存储容量比Cookie大很多D.Web存储的数据会每次随HTTP请求自动发送到服务器答案：C解析：sessionStorage存储的数据会在浏览器关闭后自动清除，localStorage存储的数据会长期保存在客户端，除非主动删除，因此A、B选项描述相反，错误；只有Cookie的数据会默认随每次HTTP请求发送到服务器，Web存储（localStorage、sessionStorage）的数据不会自动发送，因此D选项错误；Web存储单域名下一般可以存储5MB左右的数据，远大于Cookie的4KB限制，因此C选项正确。21.在CSS中，下列哪个属性可以实现元素隐藏，且不占据任何页面空间？A.visibility:hidden;B.display:none;C.opacity:0;D.filter:opacity(0);答案：B解析：visibility:hidden只会让元素不可见，元素仍然保留原来的空间占位，不会脱离文档流；opacity:0和filter:opacity(0)都是将元素设置为完全透明，元素仍然占位，还可以响应交互事件；只有display:none会将元素从文档流中移除，不占据任何页面空间，因此本题选B。22.JavaScript中，typeofnull的输出结果是？A.nullB.objectC.undefinedD.number答案：B解析：这是JavaScript语言设计的历史遗留问题，最初的JavaScript中使用32位二进制存储值，其中低三位是类型标记，null的二进制全是0，因此typeof判断为object，该问题一直保留至今，因此正确结果是object，本题选B。23.CSS中，flex布局里，哪个属性用于设置项目在主轴上的对齐方式？A.align-itemsB.justify-contentC.flex-directionD.flex-wrap答案：B解析：flex布局中，align-items用于设置项目在交叉轴上的对齐方式，justify-content用于设置主轴上项目的对齐方式，flex-direction用于定义主轴的方向，flex-wrap用于定义项目溢出时是否换行，因此本题选B。24.下列关于AJAX技术的描述，错误的是？A.AJAX可以实现页面无刷新更新数据B.AJAX使用XMLHttpRequest对象和服务器进行通信C.AJAX必须使用XML格式传输数据D.AJAX是异步JavaScript交互技术答案：C解析：AJAX的全称是异步JavaScript和XML，名称中包含XML是因为最初设计时用XML传输数据，但实际上AJAX支持任意格式的数据传输，目前最常用的是JSON格式，并没有强制要求使用XML，因此C选项描述错误，本题选C。操作题部分基本操作题题目：考生文件夹下存在HTML文件index.html，代码中空缺了部分内容，请补全空缺，满足如下要求：(1)将网页标题设置为“计算机二级Web练习”；(2)在网页主体中插入一个1行3列的表格，设置表格id为infoTable，边框宽度为1px。空缺代码如下：```<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>____(1)____</title></head><body>____(2)____id="infoTable"border="____(3)____"><tr><td>第一列</td><td>第二列</td><td>第三列</td></tr></table></body></html>```参考答案：(1)计算机二级Web练习(2)`<table`(3)1解析：title标签的内容即为网页标题，直接填写要求的文本即可；表格由<table>标签定义，因此第二空缺table标签开始部分；border属性用于设置表格边框宽度，要求为1px，因此属性值填写1。简单应用题题目：考生文件夹下存在JavaScript文件calc.js，功能是计算1到用户输入的正整数n之间所有偶数的和，请补全代码中空缺部分，使程序可以正常运行。空缺代码如下：```functioncalcEvenSum(){varn=parseInt(prompt("请输入一个正整数n："));varsum=0;for(vari=1;i<=n;i++){if(____(1)____){//判断当前i是否为偶数sum____(2)____i;}}alert("1到"+n+"之间所有偶数的和为："+sum);}calcEvenSum();```参考答案：(1)`i%2==0`(2)`+=`解析：判断一个整数是否为偶数，可使用取模运算，如果能被2整除，则对2取模的结果为0，因此第一空填写`i%2==0`；计算累加和时，需要将符合条件的i加到sum变量中，使用复合赋值运算符`+=`可以简化写法，因此第二空填写`+=`。综合应用题题目：请根据需求开发一个用户登录页面，要求如下：1.页面结构：页面包含标题“用户登录”，两个输入框分别对应用户名和密码，用户名输入框id为username，占位提示为“请输入用户名”；密码输入框id为password，占位提示为“请输入密码”；一个登录按钮id为loginBtn，按钮文本为“登录”。2.样式要求：登录容器整体宽度为300px，在页面中水平居中；所有输入框宽度为100%，高度36px，底部外边距15px，边框为1pxsolid#ddd，圆角4px，内边距左右10px；登录按钮宽度100%，高度40px，背景色#2ecc71，文字颜色白色，无边框，圆角4px，字体大小16px。3.功能要求：点击登录按钮时，去除用户名和密码两端空白后判断是否为空，任意一项为空则弹出提示“用户名或密码不能为空”，两项都不为空则弹出提示“登录成功”。参考答案（完整可运行代码）：```<!DOCTYPEhtml><htmllang="zh-CN"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>用户登录</title><style>*{margin:0;padding:0;box-sizing:border-box;font-family:"微软雅黑",sans-serif;}.login-container{width:300px;margin:100pxauto0;padding:24px;border:1pxsolid#eee;border-radius:8px;box-shadow:02px12pxrgba(0,0,0,0.05);}.login-containerh2{text-align:center;color:#333;margin-bottom:24px;}.form-item{margin-bottom:15px;}.form-iteminput{width:100%;height:36px;padding:010px;border:1pxsolid#ddd;border-radius:4px;font-s

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

温馨提示

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

最新文档

评论

0/150

提交评论