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

下载本文档

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

文档简介

计算机等级考试二级Web程序设计真题题库及答案1.下列关于Web技术的叙述中，错误的是（）A.Web是基于客户机/服务器模式的B.HTTP是Web客户端和服务器之间的通信协议C.HTML是Web页面的标记语言D.Web页面必须通过浏览器才能显示，无法本地打开答案：D解析：Web页面本质是结构化的HTML文本文件，只要本地设备安装浏览器软件，就可以直接打开本地存储的HTML文件进行预览显示，因此D选项表述错误。2.下列选项中，不属于常用Web浏览器的是（）A.ChromeB.EdgeC.IntelliJIDEAD.Firefox答案：C解析：IntelliJIDEA是面向Java语言的集成开发环境，主要用于程序开发，不属于Web浏览器，其余选项均为主流通用Web浏览器，因此选C。3.HTML文档的根元素是（）A.<head>B.<body>C.<html>D.<!DOCTYPE>答案：C解析：HTML文档的结构中，<html>标签是整个文档的根元素，包裹所有页面内容，<head>是头部元信息元素，<body>是页面主体元素，<!DOCTYPE>是文档类型声明，不属于HTML元素，因此选C。4.下列CSS选择器中，优先级最高的是（）A.内联样式选择器B.ID选择器C.类选择器D.标签选择器答案：A解析：CSS选择器优先级从高到低依次为：!important声明>内联样式选择器>ID选择器>类选择器/伪类选择器/属性选择器>标签选择器>通配符选择器，因此本题选A。5.要在新窗口打开目标链接，需要给a标签添加哪个属性（）A.target="_self"B.target="_blank"C.target="_parent"D.target="_top"答案：B解析：a标签的target属性规定链接的打开位置，_blank表示在新窗口打开，_self表示在当前框架打开，_parent表示在父框架打开，_top表示在整个窗口打开，因此选B。6.JavaScript中，下列哪个变量名是合法的（）A.123varB.var-1C._var123D.var答案：C解析：JavaScript变量命名规则为：只能以字母、下划线（_）、美元符号（$）开头，不能以数字开头；变量名中不能包含横杠、空格等特殊字符，不能使用JavaScript关键字/保留字作为变量名。A选项以数字开头，不合法；B选项包含减号，不合法；D选项var是JavaScript声明变量的关键字，不合法；C选项符合命名规则，因此选C。7.如果要定义HTML文档中的一级标题，应该使用哪个标签（）A.<h1>B.<head>C.<h6>D.<header>答案：A解析：HTML中标题标签从h1到h6，h1是权重最高、字号最大的一级标题，h6是权重最低、字号最小的六级标题；<head>是文档头部标签，用于存储元信息，<header>是HTML5新增的语义化页眉标签，因此选A。8.下列CSS属性中，用于设置盒子内边距的是（）A.marginB.paddingC.borderD.content答案：B解析：CSS盒模型中，content是内容区域，border是盒子边框，padding是内容和边框之间的内边距，margin是盒子外侧和其他元素之间的外边距，因此选B。9.JavaScript中，表达式parseInt("12.3abc")的结果是（）A.12B.12.3C.NaND.123答案：A解析：parseInt()函数会从字符串的第一个有效字符开始解析整数，遇到非数字字符就停止解析，返回已经解析得到的整数，因此解析"12.3abc"时，得到整数12，因此选A。10.下列关于HTTP协议的叙述，正确的是（）A.HTTP是无状态协议B.HTTP默认端口号是8080C.HTTP不能用于传输图片文件D.HTTP请求只有GET和POST两种方法答案：A解析：HTTP协议本身是无状态协议，服务器不会默认保存两次请求之间的状态信息，A表述正确；HTTP默认端口号是80，HTTPS默认端口是443，8080是常用的开发替代端口，B错误；HTTP可以传输任意类型的二进制或文本内容，包括图片、视频、文件等，C错误；HTTP请求方法除了GET、POST，还有HEAD、PUT、DELETE、OPTIONS等多种，D错误，因此选A。11.HTML中，哪个标签用于引入外部CSS样式文件（）A.<style>B.<script>C.<link>D.<a>答案：C解析：<link>标签用于在HTML文档中引入外部资源，最常用的场景就是引入外部CSS样式文件，标准格式为`<linkrel="stylesheet"href="样式文件路径">`；<style>标签用于编写文档内部CSS样式，<script>标签用于引入或编写JavaScript代码，因此选C。12.CSS中，要让一个标准流中的块级元素水平居中，下列写法正确的是（）A.margin:0auto;B.padding:0auto;C.text-align:center;D.align:center;答案：A解析：对于标准流中的块级元素，设置左右外边距为auto即可实现水平居中，因此A正确；text-align:center的作用是让块级元素内部的行内内容（文本、行内元素）居中，不是块级元素本身居中，因此C错误；CSS标准语法中没有align:center这个属性，因此选A。13.JavaScript中，调用document.write("Hello")语句，如果是在页面DOM加载完成后执行，会产生的效果是（）A.在页面原有内容后追加HelloB.覆盖页面原有内容，只输出HelloC.在浏览器控制台输出HelloD.弹出提示框显示Hello答案：B解析：document.write()如果在页面加载过程中调用，会将内容写入当前文档；如果页面加载完成后再调用，会清空整个document文档，覆盖原有内容，只输出写入的新内容，因此选B；console.log用于输出内容到浏览器控制台，alert用于弹出提示框，因此其余选项错误。14.下列HTML标签中，属于行内块元素的是（）A.<div>B.<span>C.<img>D.<p>答案：C解析：HTML元素按显示模式分为三类：块级元素（独占一行，可设置宽高，比如div、p、h1-h6等）、行内元素（不独占一行，不能设置宽高，比如span、a等）、行内块元素（不独占一行，可以设置宽高，比如img、input等），因此本题选C。15.CSS中，flex布局中，属性flex-grow的作用是（）A.设置项目的缩小比例B.设置项目的放大比例C.设置项目的排列方向D.设置项目的对齐方式答案：B解析：flex布局中，flex-grow定义项目的放大比例，默认值为0，即如果容器存在剩余空间也不放大；flex-shrink定义项目的缩小比例，flex-direction定义项目的排列方向，align-items定义项目在交叉轴的对齐方式，因此选B。16.在JavaScript中，数组`vararr=[1,2,3,4];`执行`arr.splice(1,2)`后，arr的值是（）A.[1,4]B.[2,3]C.[1,2,3,4]D.[1,2]答案：A解析：splice方法用于修改数组，可实现删除、插入、替换元素，第一个参数是起始操作位置的索引，第二个参数是要删除的元素个数，本题从索引1（对应元素值为2）开始，删除2个元素，即删除索引1的2和索引2的3，剩下的元素是索引0的1和索引3的4，因此数组变为[1,4]，选A。17.下列关于Cookie的叙述，错误的是（）A.Cookie存储在客户端B.Cookie可以随请求发送给服务器C.Cookie存储大小不受限制D.Cookie可以设置过期时间答案：C解析：Cookie的存储大小有明确限制，一般单个Cookie不超过4KB，同一个域名下的Cookie总数也有限制，因此C选项表述错误，其余选项表述均正确，本题选C。18.HTML5中新增的语义化标签，用于定义页面中独立完整的内容区块的是（）A.<nav>B.<section>C.<article>D.<footer>答案：C解析：HTML5中，<article>标签用于定义独立的、完整的、可单独分发的内容区块，比如一篇文章、一条用户评论、一张独立的卡片；<nav>定义导航链接区块，<section>定义文档中的通用节，<footer>定义页脚区块，因此选C。19.JavaScript中，表达式`3+2+'3'`的运算结果是（）A."53"B."323"C.8D.53答案：A解析：JavaScript运算按从左到右的顺序执行，先计算`3+2`，两个数字相加结果为数字5，再计算`5+'3'`，数字和字符串相加时，会自动将数字转换为字符串再进行拼接，最终得到字符串"53"，因此结果是A。20.DOM中，要获取id为box的元素，下列写法正确的是（）A.document.getElementById("box")B.document.getElementsByClassName("box")C.document.getElementsByTagName("box")D.document.querySelector(".box")答案：A解析：getElementById()方法根据元素的id属性获取单个DOM元素，参数为id属性的值，因此A正确；getElementsByClassName()是根据类名获取元素集合，getElementsByTagName()是根据标签名获取元素集合，document.querySelector(".box")是选择类名为box的元素，如果选择id为box的元素应该写为`document.querySelector("#box")`，因此选A。21.下列CSS单位中，属于相对单位的是（）A.pxB.ptC.emD.cm答案：C解析：em是相对于当前元素字体大小的相对单位，会根据上下文变化，px是像素绝对单位，pt是磅、cm是厘米都是物理绝对单位，因此选C。22.HTML表单中，input标签的哪个属性用来设置输入框为必填项（）A.requiredB.placeholderC.disabledD.checked答案：A解析：required是HTML5新增的表单验证属性，设置输入框为必填项，提交表单时如果输入为空会提示用户填写，placeholder是输入框的占位提示文字，disabled是禁用输入框，checked是设置单选、复选框默认选中，因此选A。23.JavaScript中，下列哪个方法可以添加元素到数组的末尾（）A.push()B.pop()C.shift()D.unshift()答案：A解析：push()方法添加一个或多个元素到数组末尾，返回数组新长度；pop()删除数组末尾的元素；shift()删除数组第一个元素；unshift()添加元素到数组开头，因此选A。24.CSS中，要隐藏一个元素且不占用任何页面空间，正确的写法是（）A.visibility:hidden;B.display:none;C.opacity:0;D.overflow:hidden;答案：B解析：display:none会将元素从文档流中移除，完全隐藏，不占据任何页面空间；visibility:hidden只是让元素不可见，仍然占用原来的页面空间；opacity:0是让元素完全透明，元素本身依然存在并占据空间；overflow:hidden是裁剪盒子溢出的内容，因此选B。25.HTTP状态码中，表示"请求资源不存在，页面未找到"的状态码是（）A.200B.301C.404D.500答案：C解析：状态码200表示请求成功，301表示永久重定向，404表示请求的资源不存在，即页面未找到，500表示服务器内部错误，因此选C。26.JavaScript中，typeof运算符操作null类型，返回的结果是（）A.nullB.objectC.undefinedD.number答案：B解析：JavaScript语言设计的历史遗留bug，typeofnull返回的结果是"object"，因为JS早期对象存储的低位地址为0，null表示空指针地址全为0，因此被误判为object类型，该规则一直保留至今，因此选B。27.HTML中，哪个标签用于定义表格的行（）A.<table>B.<td>C.<th>D.<tr>答案：D解析：<table>是整个表格的容器标签，<tr>定义表格的行，<td>定义行中的普通单元格，<th>定义行中的表头单元格，因此选D。28.CSS中，position属性的哪个值可以让元素相对于浏览器视口固定定位（）A.staticB.relativeC.absoluteD.fixed答案：D解析：fixed定位的元素相对于浏览器视口固定，滚动页面时元素位置保持不变；static是默认的静态定位，relative是相对于元素自身原位置定位，absolute是相对于最近的非static父元素定位，因此选D。29.在JavaScript中，Promise对象的三种标准状态不包括下列哪个（）A.pendingB.fulfilledC.rejectedD.resolved答案：D解析：Promise的三种标准状态为：pending（进行中）、fulfilled（操作成功完成）、rejected（操作失败），resolved不是标准状态名称，因此选D。30.下列关于AJAX技术的叙述，正确的是（）A.AJAX必须刷新整个页面才能更新数据B.AJAX可以实现异步加载数据，不需要刷新整个页面C.AJAX只能发送GET请求，不能发送POST请求D.AJAX不能和后端服务器交互数据答案：B解析：AJAX是异步JavaScript和XML技术的简称，核心作用是在不刷新整个页面的前提下与后端服务器交互，更新页面局部数据，支持发送GET、POST等多种类型的请求，因此只有B选项表述正确，本题选B。操作题真题及答案一、基本操作题（18分）题目描述：打开考生文件夹下的HTML文件`test1.html`，补充完成其中的空缺代码，具体要求如下：1.将页面标题设置为“我的个人主页”，修改对应空缺部分。2.在页面主体的`<!--此处插入图片-->`注释位置插入一张图片，图片源地址为考生文件夹下的`img/photo.jpg`，图片的替代文字为“个人照片”。3.给页面中已存在的分类导航ul标签，设置类名为`nav`，补充完成空缺属性。原文件中空缺部分用`<!--①-->`、`<!--②-->`、`<!--③-->`标记，请补全对应位置代码。原文件部分结构：```html<!DOCTYPEhtml><html><head><metacharset="utf-8"><title><!--①--></title><style>*{margin:0;padding:0;}</style></head><body><h1>欢迎来到我的主页</h1><!--此处插入图片②--><ul<!--③-->><li><ahref="index.html">首页</a></li><li><ahref="about.html">关于我</a></li><li><ahref="contact.html">联系我</a></li></ul></body></html>```参考答案及解析：①位置填写：`我的个人主页`解析：title标签内的内容即为浏览器标签栏显示的页面标题，符合题目要求，本空6分。②位置填写：`<imgsrc="img/photo.jpg"alt="个人照片">`解析：img标签是HTML插入图片的标准标签，src属性指定图片路径，alt属性指定图片加载失败时显示的替代文字，完全符合题目要求，本空6分。③位置填写：`class="nav"`解析：题目要求给ul标签添加类名为nav，HTML中class属性用于定义元素类名，格式符合要求即可得分，本空6分。二、简单应用题（24分）题目描述：打开考生文件夹下的`test2.html`和`test2.css`文件，补充完成CSS样式代码，实现题目要求的效果，具体要求如下：1.页面中类名为`container`的盒子，要求宽度设置为1200px，高度设置为800px，外边框设置为`1pxsolid#000`，让盒子整体水平居中。2.盒子内部的标题h2，要求文字颜色设置为#333，字体大小设置为24px，文字居中对齐，下外边距设置为20px。3.容器内部的图片，要求宽度设置为100%自动适配容器宽度，高度自适应保持原图比例。原CSS文件中的空缺部分以`/*①*/`、`/*②*/`、`/*③*/`、`/*④*/`标记，请补全对应内容。原CSS部分代码：```css*{margin:0;padding:0;}.container{width:/*①*/;height:800px;border:1pxsolid#000;margin:/*②*/;}.containerh2{color:#333;font-size:/*③*/;text-align:center;margin-bottom:20px;}.containerimg{width:100%;/*④*/;}```参考答案及解析：①处填写：`1200px`，解析：题目明确要求container盒子宽度为1200px，属性值书写正确即可得分，本空6分。②处填写：`0auto`，解析：要让块级盒子水平居中，设置上下外边距为0、左右外边距为auto即可，符合题目要求，本空6分。③处填写：`24px`，

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

温馨提示

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

最新文档

评论

0/150

提交评论