web期末复习2

一.填空题（共20题,52.0分）

1

改变元素内容可以通过元素的（ element.innerText

   ）属性或（  element.innerHTML   ）属性

2

（     ）是声明函数的关键字 ，必须（    ）

正确答案：

第一空： 

function

第二空： 

小写

3

console.log(18 == '18');

返回的结果是（   ）

console.log(18 === '18'); 

返回的结果是（   ）

正确答案：

第一空： 

true

第二空： 

false

4

字符串拼接中，如果变量两侧都有字符串拼接，口诀是（ ）

正确答案：

第一空： 

引引加加

5

JavaScript 是世界上最流行的语言之一，是一种运行在（    ）的脚本语言

正确答案：

第一空： 

客户端

6

在数组的末尾添加一个或多个元素的方法是（     ），删除数组的最后一个元素的方法是（     ），向数组的开头添加一个或多个元素的方法是（      ）,删除数组的第一个元素的方法是（    ）,对数组元素进行排序的方法是（      ）

正确答案：

第一空： 

push()

第二空： 

pop()

第三空： 

unshift()

第四空： 

shift()

7

（       ）运算符，可以判断一个对象是否属于某种类型

正确答案：

第一空： 

instanceof

8

引用类型变量（栈空间）里存放的是（    ），真正的对象实例存放在（   ）空间中

正确答案：

第一空： 

地址

第二空： 

堆

9

在声明函数时，可以在函数名称后面的小括号中添加一些参数，这些参数被称为（    ），而在调用该函数时，
同样也需要传递相应的参数，这些参数被称为（    ）。

正确答案：

第一空： 

形参

第二空： 

实参

10

Math 对象的（         ）方法可以随机返回一个小数，其取值范围是（     ），

正确答案：

第一空： 

random()

第二空： 

[0，1)

11

   

        var e = 10; 

        var f = e++ + ++e;

        console.log(f); 

   

运行结果是（   ）

正确答案：

第一空： 

22

12

对象是由（      ）和（      ）组成的。

正确答案：

第一空： 

属性

第二空： 

方法

13

（     ）是一个 JS关键字，用来声明变量

正确答案：

第一空： 

var

14

使用 （    ）方法可以获取带有 ID 的元素对象。

正确答案：

第一空： 

getElementById() 

15

使用（    ）可以根据指定选择器返回第一个元素对象

正确答案：

第一空： 

document.querySelector('选择器')

16

（     ）可以获得自定义的属性，（       ）可以设置自定义的属性，（       ）可以删除自定义的属性

正确答案：

第一空： 

element.getAttribute('属性')

第二空： 

element.setAttribute('属性')

第三空： 

element.removeAttribute('属性')

17

当我们不确定有多少个参数传递的时候，可以用（      ）来获取。其展示形式是一个（     ），因此可以进行遍历

正确答案：

第一空： 

arguments

第二空： 

伪数组

18

（     ）方法可以返回带有指定标签名的对象的集合。

正确答案：

第一空： 

getElementsByTagName() 

19

（   ）可用来获取检测变量的数据类型

正确答案：

第一空： 

typeof

20

事件三要素是（  ）、 （   ）、（    ）。

正确答案：

第一空： 

事件源

第二空： 

事件类型

第三空： 

事件处理程序

二.简答题（共18题,48.0分）

1

简述创建对象的三种方式

正确答案：

1.利用字面量创建对象
2.利用 new Object 创建对象
3.利用构造函数创建对象

2

简述你对构造函数的理解

正确答案：

构造函数 ：是一种特殊的函数，主要用来初始化对象，即为对象成员变量赋初始值，它总与 new 运算符一起 使用。我们可以把对象中一些公共的属性和方法抽取出来，然后封装到这个函数里面。

3

简述什么是对象？

正确答案：

在 JavaScript 中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象。

对象是由属性和方法组成的。

属性：事物的特征，在对象中用属性来表示。

方法：事物的行为，在对象中用方法来表示。

4

简述窗口加载事件

正确答案：

window.onload 是窗口 (页面）加载事件,当文档内容完全加载完成会触发该事件(包括图像、脚本文件、CSS  文件等), 就调用的处理函数。  注意：  1. 有了 window.onload 就可以把 JS 代码写到页面元素的上方，因为 onload 是等页面内容全部加载完毕，  再去执行处理函数。  2. window.onload 传统注册事件方式 只能写一次，如果有多个，会以最后一个 window.onload 为准。  3. 如果使用 addEventListener 则没有限制

5

简述setInterval() 方法

正确答案：

setInterval() 方法重复调用一个函数，每隔这个时间，就去调用一次回调函数。  注意：  1. window 可以省略。2. 这个调用函数可以直接写函数，或者写函数名或者采取字符串 '函数名()' 三种形式。  3. 间隔的毫秒数省略默认是 0，如果写，必须是毫秒，表示每隔多少毫秒就自动调用这个函数。  4.因为定时器可能有很多，所以我们经常给定时器赋值一个标识符。  5. 第一次执行也是间隔毫秒数之后执行，之后每隔毫秒数就执行一次。

6

什么是事件对象

正确答案：

官方解释：event 对象代表事件的状态，比如键盘按键的状态、鼠标的位置、鼠标按钮的状态。 

简单理解：事件发生后，跟事件相关的一系列信息数据的集合都放到这个对象里面，这个对象就是事件对象  event，它有很多属性和方法。当我们注册事件时， event 对象就会被系统自动创建，并依次传递给事件监听器（事件处理函数）。

7

简述DOM 树的组成

正确答案：

文档：一个页面就是一个文档，DOM 中使用 document 表示

元素：页面中的所有标签都是元素，DOM 中使用 element 表示

节点：网页中的所有内容都是节点（标签、属性、文本、注释等），DOM 中使用 node 表示

DOM 把以上内容都看做是对象

8

简述什么是 BOM及BOM的构成

正确答案：

BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心  对象是 window。BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。BOM 比 DOM 更大，它包含 DOM。

9

简述如何获取页面元素

正确答案：

1.使用 getElementById() 方法可以获取带有 ID 的元素对象。

2.使用 getElementsByTagName() 方法可以返回带有指定标签名的对象的集合。

3.使用document.getElementsByClassName(‘类名’)返回指定类名元素对象集合

4.使用document.querySelector('选择器');  返回指定选择器的第一个元素对象

5.使用document.querySelectorAll('选择器'); 返回指定选择器的所有元素对象

10

简述什么是函数

正确答案：

函数就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用。 

11

简要分析表单全选取消全选案例的思路

正确答案：

① 全选和取消全选做法： 让下面所有复选框的checked属性（选中状态） 跟随全选按钮即可

② 下面复选框需要全部选中， 上面全选才能选中做法： 给下面所有复选框绑定点击事件，每次点击，都

要循环查看下面所有的复选框是否有没选中的，如果有一个没选中的， 上面全选就不选中。

③ 可以设置一个变量，来控制全选是否选中。

12

简述变量的本质

正确答案：

变量是程序在内存中申请的一块用来存放数据的空间。

13

简述e.target 和 this 的区别

正确答案：

this 是事件绑定的元素， 这个函数的调用者（绑定这个事件的元素） 

e.target 是事件触发的元素。

14

简述JS中的事件

正确答案：

JS是采用事件驱动的机制来响应用户操作的，也就是说当用户对某个html元素对象进行操作的时候，(对于该元素来说)产生一个事件，该事件会驱动某些函数来处理。

事件是可以被JavaScript侦测到的行为，通常与函数配合使用。

15

简述w3c推荐的注册事件方法

正确答案：

addEventListener 事件监听方式

eventTarget.addEventListener(type, listener[, useCapture]) 

eventTarget.addEventListener()方法将指定的监听器注册到 eventTarget（目标对象）上，

当该对象触发指定的事件时，就会执行事件处理函数。 

该方法接收三个参数：type：事件类型字符串，比如 click 、mouseover ，注意这里不要带 on

listener：事件处理函数，事件发生时，会调用该监听函数

useCapture：可选参数，是一个布尔值，默认是 false。

16

简述三元表达式语法结构和执行过程

正确答案：

表达式1 ? 表达式2 : 表达式3;

执行思路：

如果表达式1为 true ，则返回表达式2的值，如果表达式1为 false，则返回表达式3的值 ，类似于 if else （双分支） 的简写

17

简述setTimeout() 定时器方法

正确答案：

setTimeout() 方法用于设置一个定时器，该定时器在定时器到期后执行调用函数。  注意：  1. window 可以省略。2. 这个调用函数可以直接写函数，或者写函数名或者采取字符串‘函数名()'三种形式。第三种不推荐  3. 延迟的毫秒数省略默认是 0，如果写，必须是毫秒。  4. 因为定时器可能有很多，所以我们经常给定时器赋值一个标识符。

18

简述什么是DOM

正确答案：

文档对象模型（Document Object Model，简称DOM）是W3C推荐的处理HTML文档的标准编程接口。

DOM是接口，通过这个接口，我们可以很方便地操作HTML文档，改变网页的内容，结构和样式。