前端基础（十八、BOM）

BOM(Browser Object Model)

BOM是浏览器对象模型的缩写，它允许JS与浏览器对话。BOM主要用于管理窗口与窗口之间的通讯，故它的核心对象是window。BOM提供了一些访问窗口对象的一些方法，更重要的是它还提供了一个访问HTML页面的一入口——document对象，通过document对象我们可以操纵DOM元素完成更多更强大的功能。

window

window简介

所有的浏览器都支持 window 对象。window对象是BOM的顶层对象，其他所有都是由Window延伸出来的，全局变量是 window 对象的属性，全局函数是 window 对象的方法， DOM 的 document 对象也是 window 对象属性。

如：

    <script>
        window.alert("我是弹出框");
    </script>

输出window对象：

        console.log(window);

可以看到它包含了非常多的方法和属性：

window子对象

其中window的子对象主要包括：

• document 对象
• frames 对象
• history 对象
• location 对象
• navigator 对象
• screen 对象

window方法

其中window对象的方法主要有

• 窗体控制
  • moveBy(x,y)：从当前位置向右移动窗体x个像素，向下移动窗体y个像素；若x为负数，将向左移动窗体，y为负数，将向上移动窗体
  • moveTo(x,y)：移动窗体左上角到相对于屏幕左上角的(x,y)点，当使用负数做为参数时会把窗体移出屏幕的可视区域
  • resizeBy(w,h)：相对窗体当前的大小，宽度扩大w个像素，高度扩大h个像素；若参数为负值，则缩小窗体
  • resizeTo(w,h)：把窗体宽度调整为w个像素，高度调整为h个像素
• 窗体滚动条控制
  • scrollTo(x,y)：在窗体中如有滚动条，将横向滚动条移动到相对于窗体宽度为x个像素的位置，将纵向滚动条移动到相对于窗体高度为y个像素的位置
  • scrollBy(x,y)： 在窗体中如果有滚动条，将横向滚动条从当前位置向左移动x像素，将纵向滚动条从当前位置向下移动y像素
• 窗体焦点控制
  • focus()：使窗体或控件获取焦点
  • blur()：使窗体或控件失去焦点
• 新建窗体
  • open()：打开一个新的窗体
  • close()：关闭窗体
  • opener属性：新建窗体中对父窗体的引用

以上为本萌新个人总结，如有不当之处望指正，有问题可以联系
邮箱：yuna_03@163.com或
QQ：2635591841

更于2021.2.15