2021-01-20

BOM

BOM:brower object module 浏览器对象模型

window子对象：

document 是html页面当前窗体的内容

history 主要用于记录浏览器的访问历史记录 前进后退功能

location 用于获取当前浏览器中URL地址栏内的相关数据

navigator 用于获取浏览器的相关数据

screen 可获取与屏幕相关的数据

window对象

1、全局作用域 定义在全局作用域中的变量，函数以及js中的内置函数都可以被window对象调用

        console.log(window.null); //undefined

        console.log(window.undefined); //undefined

        console.log(window.Number); //   Number()方法

        console.log(window.String); //String()方法

        console.log(window.Boolean); //Boolean()方法

对于定义在全局作用域下的变量，delete关键字不起作用

2、弹出对话框和窗口

分类                                                     名称                                                                              说明

属性                                                   closed                                                      返回一个bool值，该值声明了窗口是否已经关闭

                                                           name                                                       设置或返回存放窗口名称的一个字符串

                                                           opener                                                     返回对创建该窗口的window对象的引用

                                                           parent                                                     返回当前窗口的父窗口

                                                           self                                                         对当前窗口的引用，等价于window属性

                                                          top                                                           返回最顶层的父窗口

方法                                                   alert()                                                       

                                                           prompt()

                                                          confirm()                                                 显示带有一段消息和一个确认按钮的警告框

                                                          open()                                                     打开一个新的浏览器窗口或者查找一个已命名的窗口

                                                          close()                                                     关闭浏览器窗口

                                                          focus()                                                     把键盘焦点给予一个窗口

                                                          print()                                                      打印当前浏览器的内容

                                                          scrollBy()                                                 按照指定的像素来滚动内容

                                                          scrollTo()                                                  把内容滚动到指定的坐标

3、窗口位置和大小

名称                                                         说明

属性

screenLeft                                                返回相对于屏幕窗口的x坐标（火狐不支持）

screenTop                                                返回相对于屏幕窗口的y坐标

screenX                                                    返回相对于屏幕窗口的x坐标（IE不支持）

screenY                                                     返回相对于屏幕窗口的y坐标

innerHeight                                                返回窗口的文档显示区的高度

innerWidth                                                  返回窗口的文档显示区的宽度

outerHeight                                                 返回窗口的外部高度，包含工具条和滚动条

outerWidth                                                  返回窗口的外部宽度，包含工具条和滚动条

方法

moveBy()                                                     将窗口移动到相对的位置

moveTo()                                                      将窗口移动到指定的位置

resizeBy()                                                     将窗口大小调整到相对的宽度和高度

resizeTo()                                                      将窗口大小调整到指定的宽度和高度

4、frames 集合的方式 获取html页面中所有的框架

     length 可以获取当前窗口中frames的数量

    <iframe src="" frameborder="0" name="frame01"></iframe>

    <iframe src="" frameborder="0" name="frame02"></iframe>

    <iframe src="" frameborder="0" name="frame03"></iframe>

    <script>

        //1

        window.frames['frame01'].document.write('frame01 text');

        //2

        window.frames.frame02.document.write('frame02 text');

        //3

        window.frames[2].document.write('frame03 text');

        //4

        window.parent;

        window.parent.frames;

    </script>