java数组转字符串 Web前端开发精品课HTML CSS JavaScript基(4)

第35章 事件进阶

1、事件监听器

在JavaScript中，想要给元素添加一个事件，其实我们有2种方式：①事件处理器；②事件监听器。

obj.addEventListener("click", function () {……);}, false);

obj.onclick = function () {……};

如果想要为一个元素添加多个相同事件，必须要用事件监听器，而不能用事件处理器。

（1）绑定事件

语法：

obj.addEventListener(type , fn , false)

（2）解绑事件

语法：

obj.removeEventListener(type , fn , false);

说明：

removeEventListener()只能解除“事件监听器”添加的事件，如果要解除“事件处理器”添加的事件，需要用“obj.事件名= null;”方法来实现。

2、event对象

当一个事件发生的时候，这个事件有关的详细信息都会临时保存到一个指定的地方，这个地方就是event对象。

表35-3 event对象的属性

3、this

在事件操作中，可以这样理解：哪个DOM对象（元素节点）调用了this所在的函数，那么this指向的就是哪个DOM对象。

第36章 window对象

一个窗口就是一个window对象，这个窗口里面的HTML文档就是一个document对象，document对象是window对象的子对象。

表36-5 window对象下的重要子对象

1、窗口操作

（1）打开窗口

window.open(url, target)

（2）关闭窗口

window.close()

2、对话框

表36-6 3种对话框

3、定时器

在JavaScript中，我们可以使用setTimeout()方法来“一次性”地调用函数，并且可以使用clearTimeout()来取消执行setTimeout()。

我们也可以使用setInterval()方法来“重复性”地调用函数，并且可以使用clearInterva()来取消执行setInterval()。

4、location对象

表36-7 location对象的属性

5、navigator对象

在JavaScript中，我们可以使用window对象下的子对象navigator来获取浏览器的类型。

第37章 document对象

document对象其实是window对象下的一个子对象来的，它操作的是HTML文档里所有的内容。document对象常用的属性和方法如下：

表37-3 document对象常用的属性

表37-4 document对象常用的方法

小伙伴们边学边练，不知不觉看完这本书的时候，应该已经对HTML、CSS、JavaScript有了基本的掌握，能够制作出简单的页面了。