知识点
- window对象
- document （文档对象）
- navigator (浏览器对象)
- screen （屏幕对象）
- location （url地址对象）
- history （浏览历史对象）
- 定时器
- 弹框
BOM: 是指浏览器对象模型，它使JavaScript可以和浏览器交互
1. window对象 浏览器窗口
是JS的最顶层对象，其他的BOM对象都是window对象的属性；
所有浏览器都支持 window 对象。它表示浏览器窗口。
所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。
全局变量是 window 对象的属性。
全局函数是 window 对象的方法。
甚至 HTML DOM 的 document 也是 window 对象的属性之一
2. document (文档对象)
每个载入浏览器的 HTML 文档都会成为 Document 对象。
3. navigator （浏览器对象）
通过这个对象可以判断用户所使用的浏览器，包含了浏览器的相关信息
navigator.appName // 浏览器全称
navigator.appVersion // 浏览器厂商和版本的详细字符串
navigator.userAgent // 客户端绝大部分信息
navigator.platform // 浏览器运行所在的操作系统
4. screen （屏幕对象）
可以获取一些和屏幕相关的信息
screen.height // 获取整个屏幕的高。
screen.width // 获取整个屏幕的宽。
screen.availHeight // 整个屏幕的高减去系统部件的高（ 可用的屏幕宽度 ）
screen.availWidth // 整个屏幕的宽减去系统部件的宽（可用的屏幕高度 ）
5. location 对象
用于获取浏览器当前的网页地址，还可以重定向新的地址。
location.href // 获取url
location.href = "www.baidu.com" // 跳转到www.baidu
location.reload() // 重新加载页面
location.hostname // 返回web主机的域名
location.pathname // 返回当前页面的路径和文件名
location.port // 返回web主机的端口
location.portocal // 返回页面使用的web协议，http或https
6. history浏览历史对象
包含了用户对当前页面的浏览历史，但我们无法查看具体的地址，可以简单的用来前进或后退一个页面。
history.forward() // 前进一页
history.back() // 后退一页
history.go(参数) // -1表示上一页， 1表示下一页
7. 定时器 （两种）
setTimeout()/clearTimeout()
- setTimeout(函数，时间) 只执行一次
- clearTimeout(定时器名称) 清除定时器，用于停止执行setTimeout()方法的函数代码。
setInterval()/clearInterval()
- setInterval(函数，时间) 无限执行
- clearInterval() 方法用于停止 setInterval() 方法执行的函数代码。
8. 弹框（三种）
alert(‘提示信息’)
confirm(“确认信息”)
prompt(“弹出输入框”)
open(“url地址”，“_black或_self”，“新窗口的大小”）
close() 关闭当前的网页