js之浏览器对象模型（BOM）

Posted 2020-08-03 Una

一、BOM的层次结构：

window（可以访问BOM中的所有元素，是最顶层的元素）下一层包括如下：

→document （document的属性：forms、cookie、links/anchors、images...）                                                                    

→navigator

→location 与页面位置相关(属性（常用）：href、target...)

→frames

→screen

→history

（画图更清晰）

 

window对象的使用可以分属性和方法两部分总结：

所有 javascript 全局对象、函数以及变量均自动成为 window 对象的成员。

全局变量是 window 对象的属性。

全局函数是 window 对象的方法（例如：window.alert（）、window.confirm()、window.prompt（）、window.open（））。

 

window对象的方法和属性分4类：

1.创建新窗口，维护现有窗口的行为（对话框：window.alert（）、window.confirm()、window.prompt（），创建自定义窗口：window.open()）；

2.在窗口中创建带分区的文档（窗体和iframe）；

3.定时器的创建和控制(setTimeout、clearTimeout)；

4.用来控制浏览器窗口内特定元素的属性（document、navigator、screen等）。

 

window对象和document对象的区别？

     刚不熟悉js的时候对window对象和document对象分不清。

    window对象封装了整个浏览器环境，它是一个全局对象，每一个window对象代表着一个浏览器窗口，访问其内部的其它对象，而且window可以省略。

区别:1、window 指窗体，document指页面。document是window的一个子对象。

        2、用户不能改变 document.location(因为这是当前显示文档的位置)。但是,可以改变window.location (用其它文档取代当前文档)window.location本身也是一个对象,而document.location不是对象

        document是window对象的一个子对象，document指页面。

 

参考资料：

       《javascript学习指南》

         博客： http://blog.csdn.net/qq_21577869/article/details/46895365