BOM(Browser Object Model) 是指浏览器对象模型,是用于描述这种对象与对象之间层次关系的模型,浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成,其中代表浏览器窗口的Window对象是BOM的顶层对象,其他对象都是该对象的子对象。
主要功能为
1. 弹出新浏览器窗口的能力;
2. 移动、关闭和更改浏览器窗口大小的能力;
3. 可提供WEB浏览器详细信息的导航对象;
4.可提供浏览器载入页面详细信息的本地对象;
5 .可提供用户屏幕分辨率详细信息的屏幕对象;
6. 支持Cookies;
7. Internet Explorer对BOM进行扩展以包括ActiveX对象类,可以通过JavaScript来实现ActiveX对象。
由于BOM没有相关标准,每个浏览器都有其自己对BOM的实现方式。BOM有窗口对象、导航对象等一些实际上已经默认的标准,但对于这些对象和其它一些对象,每个浏览器都定义了自己的属性和方式。
接下来,又到了我的细节,大家请主要看
BOM——browser Object Model ——浏览器对象模型——里面的内容是所有关于浏览器的操作
——1.窗口对象——windo窗口包含的部分——浏览器可视的范围——1.导航 2.历史记录 3.屏幕大小 4.位置
——窗口对象 是window的实例对象
—— 注意:1.定义的全局变量——是定义到window对象上面——可以通过window.xx访问
——2.在最外面定义的函数——是定义到了window对象上面——可以通过window.xx访问——this就表示——>window对象
——尺寸——window.innerHeight - 浏览器窗口的内部高度(包括滚动条)
——window.innerWidth - 浏览器窗口的内部宽度(包括滚动条)
——对于 Internet Explorer 8、7、6、5:——document.body.clientHeight
——document.body.clientWidth
——事件——resize——屏幕尺寸发生改变的时候调用
——load——等窗口里面的资源 加载完成的时候调用
——2.location 位置定位——location.hostname 返回 web 主机的域名
——location.pathname 返回当前页面的路径和文件名
——location.port 返回 web 主机的端口 (80 或 443)——80——web页面的默认端口
——443——https(超文本传输协议)——普通的http不需要开启443
——21——ftp(文件传输协议)
——3306——mysql数据库默认
——location.protocol 返回所使用的 web 协议(http: 或 https:)
——location.search 返回搜索的结果(http GET方法的参数)——页面之间传参
——location.href 本页的位置——指定页面要跳转的位置
——3.History 历史记录——前提——必须有历史记录 才能使用这些函数
——back——必须跳转了下一个页面 才有返回
——forword——必须跳转过下一个页面(有返回过上一页)才能使用前进的功能
——go——正数——往后跳——跳几级有厘米那的数字决定
——负数——返回——跳几级有厘米那的数字决定
——4.navigator 导航——gelocation——获取地理位置信息——getCurrentPosition获取当前
的位置信息——参数——成功时候调用的函数
——失败时候调用的函数
——getUserMedia——音频流 视频流的处理
——mediaDevices——音频流 视频流的处理
——如 function success(position) {
console.log(position)
}
function fail(err) {
console.log(err)
}
function getGEO() {
navigator.geolocation.getCurrentPosition(success);
}
——实时监听位置信息——watchposition——参数——成功时候调通的函数
——失败时候调用的函数
——返回值——用于监听的标记
——停止监听——clearWatch——参数——watchPosition的返回值
——用于停止监听的标记
——5.定时事件(毫秒)——定时器(每隔多久执行一次)
——延迟执行(只执行一次)
后面的嘛,等下次吧