JS-Web-API：BOM

知识点

• 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() 关闭当前的网页