什么是BOM?
BOM 全称是 Browser Object Model,也就是浏览器对象模型。是JavaScript中用于表示和操作浏览器窗口及其相关组件的对象模型。 BOM提供了一组API(Application Programming Interface,应用程序编程接口),允许开发者通过JavaScript与浏览器进行交互。BOM的核心对象是window对象,它代表了浏览器窗口,并提供了许多属性和方法来操作窗口、导航、处理事件等。
Window
Window 对象是BOM中所有对象的核心,除了是BOM中所有对象的父对象外,还包含一些窗口控制函数。
JavaScript 全局变量是 window 对象的属性。JavaScript 全局函数是 window 对象的方法。
子对象
- document 对象
- frames 对象
- history 对象
- location 对象
- navigator 对象
- screen 对象
方法
window.open() - 打开新窗口
window.close() - 关闭当前窗口
window.moveTo() - 移动当前窗口
window.resizeTo() - 调整当前窗口的尺寸
Screen
window.screen 对象包含有关用户屏幕的信息。这些信息可以用来了解客户端硬件的基本配置。
属性
availHeight
返回屏幕的高度(不包括Windows任务栏)
availWidth
返回屏幕的宽度(不包括Windows任务栏)
colorDepth
返回目标设备或缓冲器上的调色板的比特深度
height
返回屏幕的总高度
pixelDepth
返回屏幕的颜色分辨率(每象素的位数)
width
返回屏幕的总宽度
Navigator
Navigator 对象包含有关浏览器的信息。
属性
appCodeName
返回浏览器的代码名
appName
返回浏览器的名称
appVersion
返回浏览器的平台和版本信息
cookieEnabled
返回指明浏览器中是否启用 cookie 的布尔值
platform
返回运行浏览器的操作系统平台
userAgent
返回由客户机发送服务器的user-agent 头部的值
方法
javaEnabled()
指定是否在浏览器中启用Java
taintEnabled()
规定浏览器是否启用数据污点(data tainting)
History
History 对象包含用户(在浏览器窗口中)访问过的 URL。
属性
length
返回历史列表中的网址数
方法
back()
加载 history 列表中的前一个 URL
forward()
加载 history 列表中的下一个 URL
go()
加载 history 列表中的某个具体页面
Location
Location 对象包含有关当前 URL 的信息。
属性
hash
返回一个URL的锚部分
host
返回一个URL的主机名和端口
hostname
返回URL的主机名
href
返回完整的URL
pathname
返回的URL路径名。
port
返回一个URL服务器使用的端口号
protocol
返回一个URL协议
search
返回一个URL的查询部分
方法
assign()
载入一个新的文档
reload()
重新载入当前文档
replace()
用新的文档替换当前文档
参考:
JS学习系列20-常见事件、GlobalEventHandlers接口
JS学习系列22-Navigator对象、Screen对象、Cookie