Bom浏览器对象模型

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.定时事件(毫秒)——定时器(每隔多久执行一次)

                                              ——延迟执行(只执行一次)

    后面的嘛,等下次吧

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容