BOM对象模型

BOM对象模型

什么是BOM
BOM (Browser Object Model)是指浏览器对象模型，可以对浏览器窗口进行访问和操作。使用BOM，开发者可以移动窗口、改变状态栏中的文本以及执行其他与页面内容不直接相关的动作。

BOM对象模型结构

window对象
BOM的操作入口为window对象，即浏览器下的全局对象
window对象的特点：

• 所有浏览器都支持window 对象。它表示浏览器窗口
• 一个html文档对应一个window对象
• 控制浏览器窗口
• window对象不需要创建，直接使用即可
• 所有JavaScript全局对象、函数以及变量均自动成为window 对象的成员

全局变量
在函数外声明全局变量

• var 变量名
• window.变量名
  在函数内声明全局变量
• window.变量名
• 变量名=值（隐式声明）

window对象常用方法
window.open(url,name,param)----------打开一个新窗口

• url----------要打开的网址或页面路径
• name------------窗口名称
• param----------新窗口大小，位置
  例：打开百度，新窗口宽800px，高600px，距左侧200px，距顶部300px

window.open("https://www.baidu.com","baidu","width=800,height=600,left=200,top=300")

window.close()----------关闭当前窗口

window对象常用属性

• name----------返回窗口名称
• innerHeight、innerWidth----------返回窗口内部的宽高
• outerHeight、outerWidth----------返回窗口外部的宽高
• screenLeft、screenTop----------返回窗口的位置

window对象常用事件

• window.οnlοad=函数名或匿名函数----------在网页加载完毕后立即执行的操作

window常用对象

location对象-----------获取当前窗口的信息

navigator对象----------运行当前代码的客户端浏览器的相关信息

screen对象

history对象----------当前窗口的浏览历史记录

frames框架
如果页面中包含框架，则每个框架都拥有自己的window对象，并且保存在frames集合中

<iframe src="1.html" name="frame1"></iframe>

在父页面中，可通过window.frames["frame1 "]访问子页面的window对象(需等frame加载完毕)
在子页面中，可通过window.parent访问父页面的window对象 (需等frame加载完毕)