JavaScript基础BOM浏览器对象模型
1.JS组成部分
1.ECMAScript核心语法：基本语法,流程控制语句,关键字if、for、new、数组、函数、对象……
2.BOM浏览器对象模型：让JS可以操作浏览器，提供方法和属性（接口）
3.DOM网页文档对象模型：让JS可以操作网页文档，提供方法和属性（接口）2.BOM浏览器对象模型
2.1 BOM的概念
BOM是浏览器对象模型，让JS可以操作浏览器，提供了操作浏览器的属性和方法
window是BOM的实际对象，document是DOM的实际对象
2.2 BOM的组成
window - document - DOM
- history
- location
- navigator
- screen3. window对象
window是全局对象，是BOM的具体体现，顶层对象
window下面的方法和属性，使用时可以省略window
3.2 window的属性和方法
| 属性名 | 作用 |
|---|---|
| window.alert('警告消息') | 弹出警告框 |
| window.confirm('确认消息') | 弹出确认框，确认返回true，取消返回false |
| window.setInterval(function(){}, 1000) | 设置周期定时器，每隔指定周期就执行指定函数 |
| window.clearInterval(定时器ID) | 根据定时器ID关闭对应周期定时器 |
| window.setTimeout(function(){}, 3000) | 设置延时定时器，延迟指定时间，执行1次指定函数 |
| window.clearTimeout(定时器ID) | 根据定时器ID关闭对应延迟定时器 |
4. history历史记录对象
| 属性或方法名 | 作用 |
|---|---|
| history.length | 访问历史记录长度 |
| history.back() | 返回上一页 |
| history.forward() | 前往下一页 |
| history.go(指定页数) | 跳往指定页面 |
5. screen屏幕对象
| 属性名 | 作用 |
|---|---|
| screen.height | 屏幕高度 |
| screen.availHeight | 屏幕实际高度（屏幕高度 - 任务栏高度） |
| screen.width | 屏幕宽度 |
| screen.availWidth | 屏幕实际宽度 |
6.location地址栏对象
| 属性名 | 作用 |
|---|---|
| location.href【掌握】 | 超文本引用（URL网址） |
| location.protocol | 协议部分 |
| location.host | 主机 |
| location.hostname | 主机名 |
| location.port | 端口 |
| location.pathname | 路径名 |
| location.search | 参数部分 |
| location.hash【掌握】 | 哈希部分，锚点，一般用于业内跳转 |
7.navigator浏览器信息对象
| 属性名 | 作用 |
|---|---|
| navigator.userAgent | 用户代理，用于获取浏览器内核相关信息 |
推荐阅读：
扫描二维码，在手机上阅读