引领你快速掌握浏览器对象模型（BOM）

BOM（浏览器对象模型）是浏览器提供的一套API，它允许JavaScript脚本与浏览器窗口进行交互。BOM提供了许多有用的对象，如window、location、history、navigator、screen和document对象，这些对象可以用来访问和操作浏览器窗口的各种属性和方法。

BOM对象

window对象

window对象是BOM中最核心的对象，它代表了浏览器窗口本身。window对象提供了许多有用的属性和方法，如：

• window.location：表示浏览器的当前URL。
• window.history：表示浏览器的历史记录。
• window.navigator：表示浏览器的用户代理信息。
• window.screen：表示浏览器的屏幕信息。
• window.document：表示浏览器的当前文档。

location对象

location对象表示浏览器的当前URL。location对象提供了许多有用的属性和方法，如：

• location.href：表示浏览器的当前URL。
• location.protocol：表示浏览器的当前协议。
• location.host：表示浏览器的当前主机名和端口号。
• location.pathname：表示浏览器的当前路径名。
• location.search：表示浏览器的当前查询字符串。
• location.hash：表示浏览器的当前哈希值。

history对象

history对象表示浏览器的历史记录。history对象提供了许多有用的属性和方法，如：

• history.length：表示浏览器的历史记录长度。
• history.back()：后退到浏览器的上一个历史记录。
• history.forward()：前进到浏览器的下一个历史记录。
• history.go(n)：后退或前进到浏览器的第n个历史记录。

navigator对象

navigator对象表示浏览器的用户代理信息。navigator对象提供了许多有用的属性和方法，如：

• navigator.userAgent：表示浏览器的用户代理字符串。
• navigator.appName：表示浏览器的名称。
• navigator.appVersion：表示浏览器的版本号。
• navigator.platform：表示浏览器的平台。
• navigator.language：表示浏览器的语言。

screen对象

screen对象表示浏览器的屏幕信息。screen对象提供了许多有用的属性和方法，如：

• screen.width：表示浏览器的屏幕宽度。
• screen.height：表示浏览器的屏幕高度。
• screen.availWidth：表示浏览器的可用屏幕宽度。
• screen.availHeight：表示浏览器的可用屏幕高度。
• screen.colorDepth：表示浏览器的颜色深度。

document对象

document对象表示浏览器的当前文档。document对象提供了许多有用的属性和方法，如：

• document.documentElement：表示浏览器的根元素。
• document.body：表示浏览器的正文元素。
• document.head：表示浏览器的头部元素。
• document.title：表示浏览器的标题。
• document.URL：表示浏览器的当前URL。

BOM的使用

BOM可以用来实现许多有用的功能，如：

• 获取浏览器的当前URL。
• 跳转到指定的URL。
• 获取浏览器的历史记录。
  *后退或前进到浏览器的历史记录。
• 获取浏览器的用户代理信息。
• 获取浏览器的屏幕信息。
• 获取浏览器的当前文档。

BOM是一个非常强大的API，它可以用来实现许多有用的功能。如果你想了解更多关于BOM的信息，可以参考Mozilla Developer Network上的文档。