概述:
BOM (全称bowser object model) 浏览器对象模型,他是用于操作浏览器相关的内容。BOM是一个缺乏规范的东西,为了保证他的规范性产生了一系列的共用对象来解决这个问题。沿用至今,但是这些共有对象也存在对应的兼容问题,直到w3c的介入(ie 10以后)。他的兼容问题得到了保证。
window的相关属性和方法
控制台打印方法
- console.log()打印日志
- console.error()打印错误
- console.info()打印信息
- console.warn()打印警告
- console.debug()打印调试
弹窗相关方法
- alert()提示框
- prompt()输入框
- confirm()交互框
窗口打开关闭的方法
- window.open()
- // open的三个参数 打开窗口的url路径(url) 对应的打开方式(target) 对应的打开窗口的相关设置 (option)
- window.close()
改变窗口大小的方法
- resizeTo (200,200) //改变对应的窗口大小 宽200 高200
- resizeBy(100,100)//在原本的基础上增加对应的宽高 宽200+100=300 高 200+100=300
改变窗口位置的大小
moveTo //设置对应的位置 X 200 Y 2O0
moveBy //在原本的位置上增加对应的距离 X 300 Y 300
打印方法
查找方法
find
窗口聚焦和失焦的方法
window.blur() 失焦
window.focus() 聚焦
Document 文档对象
-
document对象是属于BOM的组成部分,他里面的一些的相关操作和对应的属性是属于DOM操作,具体的内容在对应的DOM中会提到。
- document表示的是对应的HTML文档,他是用于操作对应HTML文档。
Location 地址栏对象 (*)
属性
hash 获取#后面的值*
search 获取?后面的值*
port 端口号
portocol 协议
host 主机
hostname 主机号
pathname 路径地址
href 对应的url地址*
origin 对应的跨域地址
方法
reload 重新加载
assign 指定对应的地址进行跳转(有历史记录)
replace替换当前的地址进行跳转(没有历史记录)
对应的href也可以进行地址之间的跳转
history 历史对象(*)
属性
length属性(历史页面个数)
state属性(状态 存储对应的值)
scrollRestoration(滚动栏恢复行为 auto (默认) manual)
方法
- forward前进
- back 后退
- go 去任意历史页面(当前页面为0 大于0 前进 小于0 后退)
- pushState //改变当前的url地址(并不会进行跳转 不会刷新操作) state的值(可以是任意类型的数据) 名字(建议空值) url地址
- replaceState// 不会新增新的历史页面 把当前历史页面进行替换.也会改变对应的url地址 也不会进行跳转(刷新)
Screen 屏幕对象
属性
-
width 屏幕的宽度
-
height 屏幕高度
-
availHeight 可占用的最大屏幕高度
-
availWidth 可占用的最大屏幕宽度
-
availLeft 可占用的空间离桌面的左边距离
-
availTop 可占用的空间离桌面的上边距离
Navigator 导航对象
概述:他主要是用于获取用户浏览器及系统相关的设置以及内容
属性
-
userAgent 表示当前用户的系统信息以及对应的浏览器信息