Web APIs(二)|事件高级+BOM浏览器对象模型

本文深入探讨了DOM事件处理机制,包括事件注册、删除、事件流、事件对象及鼠标、键盘事件;同时解析了BOM的基本概念,window对象事件、定时器及location、navigator、history对象的使用。

在这里插入图片描述

一.事件高级

在这里插入图片描述
在这里插入图片描述

01.注册事件(绑定事件)

1.1注册事件概述
在这里插入图片描述1.2 addEventListener事件监听方式在这里插入图片描述

1.3 attachEvent事件监听方式
在这里插入图片描述
在这里插入图片描述
1.4注册事件兼容性解决方案
在这里插入图片描述

02.删除事件(解绑事件)

2.1删除事件的方式
在这里插入图片描述
2.2删除事件兼容性解决方案
在这里插入图片描述
在这里插入图片描述

03. DOM事件流

在这里插入图片描述
1-4捕获阶段 4-7冒泡阶段
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

04.事件对象

4.1什么是事件对象
在这里插入图片描述
4.2事件对象的使用语法
在这里插入图片描述
4.3事件对象的兼容性方案
在这里插入图片描述
在这里插入图片描述
4.4事件对象的常用属性和方法
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

05.阻止事件冒泡

5.1阻止事件冒泡的两种方式
在这里插入图片描述
5.2阻止事件冒泡的兼容性解决方案
在这里插入图片描述
在这里插入图片描述

06.事件委托(代理、委派)

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

07.常用的鼠标事件

7.1常用的鼠标事件

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
7.2鼠标事件对象
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

08.常用的键盘事件

8.1常用键盘事件
在这里插入图片描述
在这里插入图片描述
8.2键盘事件对象
在这里插入图片描述
8.3 ASCII表
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

二.BOM浏览器对象模型

在这里插入图片描述
在这里插入图片描述

01. BOM概述

1.1什么是BOM
在这里插入图片描述
1.2 BOM的构成
在这里插入图片描述
在这里插入图片描述

02.window对象的常用事件

2.1窗口加载事件
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
2.2调整窗口大小事件
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

03.定时器

3.1两种定时器
在这里插入图片描述
3.2 setTimeout()定时器
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
3.3停止setTimeout()定时器
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
3.4 setInterval()定时器
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

3.5停止setInterval()定时器
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
3.6 this
在这里插入图片描述
在这里插入图片描述

04. JS执行机制

4.1 JS是单线程
在这里插入图片描述

4.2同步和异步
在这里插入图片描述
在这里插入图片描述
4.3 JS执行机制
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

05.location对象

5.1什么是location对象
在这里插入图片描述
5.2 URL
在这里插入图片描述
5.3 location对象的属性
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

5.4 location对象的方法
在这里插入图片描述
在这里插入图片描述

06. navigator对象

在这里插入图片描述

07.history对象

在这里插入图片描述
在这里插入图片描述

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值