浏览器对象模型（Browser Object Model，BOM）使 JavaScript 可以与浏览器进行交互，以下介绍浏览器对象模型中常用的对象
1、Window
window 对象表示浏览器窗口，全局变量是 window 对象的属性，全局函数是 window 对象的方法
（1）属性
引用
- self：对当前窗口的引用
- parent：对父窗口的引用
- opener：对创建当前窗口的窗口的引用
- document：对 Document 对象的只读引用
- screen：对 Screen 对象的只读引用
- location：对 Location 对象的只读引用
- history：对 History 对象的只读引用
- navigator：对 Navigator 对象的只读引用
宽度高度
- innerHeight：浏览器窗口的内部高度（文档显示区的高度）
- innerWidth：浏览器窗口的内部宽度（文档显示区的宽度）
- outerheight：浏览器窗口的外部高度
- outerwidth：浏览器窗口的外部宽度
其它
- closed：窗口是否已被关闭
- name：窗口的名称
- defaultStatus：窗口状态栏中的默认文本
- length：窗口中的框架数量
（2）方法
窗口操作
- open()：打开新窗口
- close()：关闭当前窗口
- moveTo()：把窗口的左上角移动到指定的坐标
- moveBy()：按照指定的像素移动窗口的位置
- resizeTo()：把窗口的大小调整到指定的宽度和高度
- resizeBy()：按照指定的像素调整窗口的大小
- scrollTo()：把内容滚动到指定的坐标
- scrollBy()：按照指定的像素滚动内容
消息框
- alert()：创建警告框，用于确保用户可以得到某些信息。当警告框出现后，用户需要点击确定按钮才能继续操作
alert("提示信息");- confirm()：创建确认框，用于确保用户可以得到或验证某些信息。当确认框出现后，用户需要点击确定或者取消按钮才能继续操作。如果用户点击确认，那么返回值为 true；如果用户点击取消，那么返回值为 false
confirm("提示信息");- prompt()：创建提示框，用于提示用户在进入页面前输入某个值。当提示框出现后，用户需要输入某个值，然后点击确认或者取消按钮才能继续操作。如果用户点击确认，那么返回值为输入值；如果用户点击取消，那么返回值为 null
prompt("提示信息","默认文本");计时事件
- setInterval()：按照指定的周期来调用函数或计算表达式
- clearInterval()：取消由 setInterval() 设置的 timeout
- setTimeout()：按照指定的时间来调用函数或计算表达式
- clearTimeout()：取消由 setTimeout() 方法设置的 timeout
<html>
<head>
<script type="text/javascript">
var x;
function set() { x = setTimeout("alert('倒计时已到')",5000) }
function clear() { clearTimeout(x); }
</script>
</head>
<body>
<form>
<input type="button" value="开始倒计时(5秒)" onClick="set()">
<input type="button" value="取消倒计时" onClick="clear()">
</form>
</body>
</html>焦点
- focus()：把键盘焦点给予一个窗口
- blur()：把键盘焦点从顶层窗口移开
2、Window Screen
window.screen 对象（可以简写为 screen 对象）包含屏幕的信息
（1）属性
宽度高度
width：显示器屏幕的宽度
height：显示器屏幕的高度
availWidth：可用屏幕的宽度
availHeight：可用屏幕的高度
document.write("width: " + screen.width + "<br />");
document.write("height: " + screen.height + "<br />");
document.write("availWidth: " + screen.availWidth + "<br />");
document.write("availHeight: " + screen.availHeight + "<br />");
// width: 1536
// height: 864
// availWidth: 1536
// availHeight: 824屏幕显示
- bufferDepth：调色板的比特深度
- colorDepth：调色板的比特深度
- pixelDepth：屏幕的颜色分辨率
- updateInterval：屏幕的刷新率
- deviceXDPI：显示屏幕的每英寸水平点数
- deviceYDPI：显示屏幕的每英寸垂直点数
- logicalXDPI：显示屏幕每英寸的水平方向的常规点数
- logicalYDPI：显示屏幕每英寸的垂直方向的常规点数
document.write("bufferDepth: " + screen.bufferDepth + "<br />");
document.write("colorDepth: " + screen.colorDepth + "<br />");
document.write("pixelDepth: " + screen.pixelDepth + "<br />");
document.write("updateInterval: " + screen.updateInterval + "<br />");
document.write("deviceXDPI: " + screen.deviceXDPI + "<br />");
document.write("deviceYDPI: " + screen.deviceYDPI + "<br />");
document.write("logicalXDPI: " + screen.logicalXDPI + "<br />");
document.write("logicalYDPI: " + screen.logicalYDPI + "<br />");
// bufferDepth: undefined
// colorDepth: 24
// pixelDepth: 24
// updateInterval: undefined
// deviceXDPI: undefined
// deviceYDPI: undefined
// logicalXDPI: undefined
// logicalYDPI: undefined3、Window Location
window.location 对象（可以简写为 location 对象）包含 URL 的信息
（1）属性
- href：当前页面的 URL
- protocol：当前 URL 的协议
host：当前 URL 的主机名 和 端口号
- hostname：当前 URL 的主机名
- port：当前 URL 的端口号
- pathname：当前 URL 的路径
- search：从问号（?）开始的 URL（查询）
hash：从井号（#）开始的 URL（锚）
（2）方法
- reload()：重新加载当前文档
- assign(URL)：加载新的文档
- replace()：用新的文档替换当前文档
4、Window History
window.history 对象（可以简写为 history 对象）包含浏览器的历史
（1）属性
- length：浏览器历史列表中的 URL 数量
（2）方法
- back()：加载 history 列表中的前一个 URL
- forward()：加载 history 列表中的下一个 URL
- go()：加载 history 列表中指定的 URL
5、Window Navigator
window.navigator 对象（可以简写为 navigator 对象）包含有关访问者浏览器的信息
（1）集合
- plugins[]：对文档中所有嵌入式对象的引用
（2）属性
appCodeName：浏览器的代码名
appName：浏览器的名称
- appVersion：浏览器的版本
- appMinorVersion：浏览器的次级版本
- browserLanguage：浏览器的语言
cpuClass：浏览器的 CPU 等级
- cookieEnabled：浏览器是否启用 cookie
- userAgent：User-Agent Header
onLine：系统是否处于脱机模式
platform：运行浏览器的操作系统平台
systemLanguage：操作系统平台使用的默认语言
userLanguage：操作系统平台的自然语言设置
document.write("appCodeName: " + navigator.appCodeName + "<br />");
document.write("appName: " + navigator.appName + "<br />");
document.write("appVersion: " + navigator.appVersion + "<br />");
document.write("appMinorVersion: " + navigator.appMinorVersion + "<br />");
document.write("browserLanguage: " + navigator.browserLanguage + "<br />");
document.write("cpuClass: " + navigator.cpuClass + "<br />");
document.write("cookieEnabled: " + navigator.cookieEnabled + "<br />");
document.write("userAgent: " + navigator.userAgent + "<br />");
document.write("onLine: " + navigator.onLine + "<br />");
document.write("platform: " + navigator.Platform + "<br />");
document.write("systemLanguage: " + navigator.systemLanguage + "<br />");
document.write("userLanguage: " + navigator.userLanguage + "<br />");
// appCodeName: Mozilla
// appName: Netscape
// appVersion: 5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36
// appMinorVersion: undefined
// browserLanguage: undefined
// cpuClass: undefined
// cookieEnabled: true
// userAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36
// onLine: true
// platform: undefined
// systemLanguage: undefined
// userLanguage: undefined但是来自 navigator 对象的信息具有误导性，这是因为：
- navigator 数据可被浏览器使用者更改
- 浏览器无法报告晚于浏览器发布的新操作系统
（3）方法
- javaEnabled()：浏览器是否启用 Java
- taintEnabled()：浏览器是否启用数据污点
参考资料：