Web前端开发（JavaScript+jQuery）【习题答案】 教材对照后课后习题答案

PAGE14项目1JavaScript填空题嵌入式使用__<script>____标签包裹JavaScript代码，直接编写到HTML文件中。单行注释以____//__开始。alert('测试'.length)的输出结果是__2____。Boolean(undefined)方法的运行结果等于__false____。表达式(-5)%3的运行结果等于___-2___。判断题JavaScript代码严格区分大小写。（T）JavaScript是Java语言的脚本形式。（F）JavaScript中，加号“+”可以连接两个字符串。（T）JavaScript中age与Age代表不同的变量。（T）运算符“.”可用于连接两个字符串。（F）选择题下列选项中，为JavaScript代码添加多行注释的语法为（C）。A.<!----> B.// C./**/ D.#下列选项中，关于JavaScript的说法错误的是（C）。A.JavaScript是脚本语言B.JavaScript可以跨平台C.JavaScript不支持面向对象D.JavaScript主要用于实现业务逻辑和页面控制下列选项中，属于输入语句的是（B）。A.console.log() B.prompt() C.alert() D.document.write()下列选项中，用于通过控制台查看结果的语句是（A）。console.log() B.prompt() C.alert() D.document.write()5.下列选项中，不属于基本数据类型的是（B）。A.boolean B.object C.string D.null6.下列选项中，不属于比较运算符的是（A）。A.= B.== C.=== D.!==7.下列选项中，属于循环结构语句的是（C）if 语句 B.if…else语句 C.for语句 D.switch语句8.下列选项中，不能作为变量名开头的是（B）。A.字母 B.数字 C.下划线 D.$9.下列选项中，与0相等（==）的是（D）。A.null B. undefined C.NaN D.''10.下列选项中，不属于比较运算符的是（D）。A.== B.=== C.!== D.=简答题简述外链式和嵌入式比较有什么优势。外链式存在于独立文件中，有利于修改和维护，而嵌入式会导致HTML与JavaScript代码混合在一起。外链式可以利用浏览器缓存提高速度。例如，在多个页面中引入相同的JavaScript文件时，打开第1个页面后，浏览器将JavaScript文件缓存下来，下次打开其他页面时就不用重新下载该文件了。外链式有利于HTML页面代码结构化，把大段的JavaScript代码分离到HTML页面之外，既美观，也方便文件级别的代码复用。简述JavaScript中的数据类型。JavaScript将数据类型分为两大类，分别是基本数据类型和复杂数据类型。基本数据类型包括布尔型、数字型、字符串型、空型、未定义型、大整型和符号型，复杂数据类型包括对象。varb=31-w;if((r+b)==28){document.write('红球：'+r+'，白球：'+w+'，黑球：'+b);}}</script>项目2数组与对象填空题数组由零个或多个__元素____组成。数组的索引在默认情况下从____0__开始依次递增。数组有两种创建方式，一种是通过newArray()，另一种是直接使用__[]____。使用__数组名.length____可以获取数组的长度。Array对象的___push()___方法，用于在数组末尾添加一个或多个元素。判断题使用“[]”方式创建数组时不能创建含有空存储位置的数组。（F）使用delete关键字删除数组中的元素后，该元素依然会占用一个空存储位置。（T）二维数组转置指的是将二维数组横向元素保存为纵向元素。（T）对象是由属性和方法组成的一个集合。（T）对象中未赋值的属性的值为undefined。（F）和obj['name']访问到的是同一个属性。（T）选择题1.下列选项中，创建数组方式错误的是（B）。A.vararr=newArray('张三','李四','王五');B.vararr=newarray('张三','李四','王五');C.vararr=['张三','李四','王五'];D.vararr=['张三','李四',,'王五'];上一题换成以下内容以下选项中，关于创建数组的方式错误的是（C）。A.使用new关键字创建数组，例如：int[]arr=newint[5];B.使用初始化列表创建数组，例如：int[]arr={1,2,3,4,5};C.使用Arrays.asList()方法创建数组，例如：int[]arr=Arrays.asList(1,2,3,4,5);D.使用Array.newInstance()方法创建数组，例如：int[]arr=(int[])Array.newInstance(int.class,5);正确答案是：C解释：选项A是正确的，new关键字是用于创建数组的标准方式。选项B是正确的，初始化列表也是创建数组的有效方式。选项C是错误的，Arrays.asList()方法用于创建列表，而不是数组。选项D是正确的，Array.newInstance()方法可以用来创建数组。2.下列选项中，关于数组的描述错误的是（C

）。A.

可以使用“数组名.length”获取数组的长度B.

使用for语句可以实现遍历数组C.

添加数组元素时，必须按照索引顺序添加D.

修改数组元素与添加数组元素的写法相同3.执行代码“vararr=[1,2,3];arr.length=4”后，arr.length的值为（D）。A.1 B.2 C.3 D.44.下列选项中创建数组的方式错误的是（C）。A.vararr=newArray(); B. vararr=[];C.vararr=newarray(); D.vararr=[];arr.length=3;5.下列选项中，获取从1970-01-0100:00:00到Date对象所代表时间经历的毫秒数的方法是（A）。A.getTime() B.setTime() C.getFullYear() D.getMonth()6.下列选项中，删除数组第一个元素的方法是（C）。A.pop() B.unshift() C.shift() D.push()简答题列举两种实现数组排序的算法。冒泡排序：是按照要求从小到大排序或从大到小排序，通过不断比较数组中相邻两个元素的值，将较小或较大的元素前移。插入排序：是冒泡排序的优化，是一种直观的简单排序算法。插入排序的思想是将数据插入一个有序的序列中的合适位置上，从而实现将数据从小到大或从大到小排列。列举Array对象中用于添加或删除数组元素的常用方法。push()：在数组末尾添加一个或多个元素。unshift()：在数组开头添加一个或多个元素。pop()：删除数组的最后一个元素。shift()：删除数组的第一个元素。splice()：在指定索引处删除或添加数组元素。项目3DOM与BOM填空题1.document对象的_getElementById()_____方法可以根据id获取元素。2.DOM中的__innerText____属性用于设置或获取元素的文本内容。3.将一个节点添加到父节点的所有子节点的末尾使用_appendChild()___方法。4.将一个父节点的指定子节点移除使用_removeChild()___方法。5.在BOM中，顶级对象是_window_____。6.实现每隔一段时间执行一次代码的定时器方法是__setInterval()____。7._setTimeout()_____方法用于在指定的毫秒数后调用函数。判断题WebAPI由BOM和DOM两部分组成。（T）在DOM中所有节点都是元素。（F）3.使用元素的textContent属性可以设置和获取占位隐藏元素的文本内容。（T）4.在事件冒泡阶段中，事件从文档节点自上而下向目标节点传播。（F）5.修改location对象的href属性可以设置URL。（T）6.使用history对象的go()方法可以实现页面的前进或后退。（T）7.screen对象的outerHeight属性用于返回屏幕的高度。（F）选择题下面可用于只获取文档中第一个div元素的是（A）。A.document.querySelector('div') B.document.querySelectorAll('div')C.document.getElementsByName('div')D.以上选项都可以下列选项中，可用于实现动态改变指定div中文本内容的是（C）。A.console.log() B. document.write() C.innerTextD.以上选项都可以以下代码用于单击一个按钮，弹出警告框。在横线处应填写的正确代码是（A）。<buttonid="btn">唐伯虎</button><script>varbtn=document.getElementById('btn');____________</script>A.btn.onclick=function(){alert('点秋香');}B.btn.onclick=alert('点秋香');C.btn.click=function(){alert('点秋香');}D.btn.click()4.下列选项中，当元素获得焦点时触发的事件是（C）。A.submit B.keyupC.focusD.blur5.关于事件冒泡，以下描述正确的是（D）。A.JavaScript不允许出现事件冒泡B.事件冒泡是指父元素的事件冒泡到子元素上C.所有的事件都会出现事件冒泡D.事件冒泡可以被阻止6.下列关于window对象的描述中，错误的是（D）。A.全局变量和函数都是window对象的属性和方法B.window.location与document.location是同一个对象C.window对象属于BOM对象D.函数内使用var声明的变量也是window对象的属性7.下列关于location对象的描述中，错误的是（C）。A.assign()方法用于载入一个新的文档B.reload()方法用于重新加载当前文档C.search()方法用于获取或设置URL参数D.replace()方法会用新的文档替换当前文档，覆盖浏览器当前记录简答题简述事件的3个要素。事件有3个要素，分别是事件源、事件类型和事件驱动程序，具体解释如下。（1）事件源：承受事件的元素对象。例如，在单击按钮的过程中，按钮就是事件源。（2）事件类型：使网页产生交互效果的行为动作对应的事件种类。例如，单击事件的事件类型为click。（3）事件驱动程序：事件触发后为了实现相应的网页交互效果而执行的代码。2.简述BOM与DOM的区别。BOM（浏览器对象模型）是浏览器提供的用于JavaScript与浏览器窗口进行交互的一系列对象，而DOM（文档对象模型）是W3C组织推荐的处理可扩展标记语言（HTML或者XML）的标准编程接口。项目4jQuery填空题1.jQuery中，$()函数中的$可以替换为_jQuery_____。2.jQuery中的_id___选择器用于获取指定id的元素。3.jQuery中的____val()__方法用于获取表单元素的value值。4.jQuery中的___off()___方法可以实现事件解除。5.jQuery中的____animate()___方法可以创建自定义动画。6.jQuery显示隐藏的元素用__show()____实现。7.jQuery中__:checked____可以获取复选框的所有选中值。判断题1.“:first”选择器用于获取第一个元素。（T）2.text()方法获取的元素内容包含HTML标签。（F）3.选择器“$(':input')”仅能获取表单中的input元素标签。（F）4.jQuery中的页面加载事件可以注册多个事件处理程序。（F）5.jQuery中的hover()方法可同时处理鼠标移入与移出事件的切换。（T）6.jQuery是对JavaScript封装的函数库。（T）7.“{}”可用于在JavaScript中创建对象。（T）8.Chrome开发者工具提供了Web开发工具和调试工具。（T）9.jQuery是一个常用的JavaScript库，但不属于轻量级的库。（F）选择题下列选项中，关于jQuery的说法错误的是（B）。A.jQuery是一个轻量级的脚本B.jQuery不支持CSS1~CSS3定义的属性和选择器C.jQuery语法简洁易懂，学习速度快，文档丰富D.jQuery插件丰富，可以通过插件扩展更多功能下列选项中，可以通过标签名获取元素的是（C）。A.$('#btn')B.$('.btn')C.$('button')D.$('*')下列选项中，用于实现停止动画的方法是（A）。A.stop() B.off() C.on() D.hide()下列选项中，关于jQuery事件操作说法正确的是（B）A.jQuery的页面加载事件和JavaScript中的页面加载事件完全相同B.on()方法不仅可以实现事件注册，还可以实现事件委托C.trigger()方法和triggerHandler()方法都不会执行元素默认行为D.off()方法不传入参数时，表示解除元素上的事件委托5.以下选项中，可以根据包含文本匹配到指定元素的是（B）。A.text() B.contains() C.input() D.attr()6.下面选项中，可用来追加到指定元素的末尾的是（D）。A.insertAfter() B. append() C.appendTo() D.after()7.下列选项中，不属于jQuery选择器的是（C）。A.元素选择器 B.属性选择器 C.CSS选择器