js-12

BOM编程

BOM对象模型

什么是BOM

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

BOM对象模型结构

window对象

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

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

窗口加载事件

window.onload = function(){}

页面所有元素代码加载完执行

window.addEventListener('load',function(){})

页面所有元素代码加载完执行

window.addEventListener('DOMcontentLoaded',function(){})

不需要加载图片等页面就出现

调整窗口大小事件

window.onresize = function(){}

window.addEventListener(‘resize’,functon(){});

定时器

window.setInterval()

window.setTimeout()

全局变量

直接写在 script 标签中的 JavaScript 代码，都在全局作用域。全局作用域在页面加载时创建，在页面关闭时销毁。在全局作用域中，有一个全局对象 window，它有浏览器创建并可以直接使用，在全局作用于下创建的变量和函数都会作为 window 对象保存。全局作用域中的变量都是全局变量，在页面的任意部分都可以访问到。在脚本中自定义一个变量或函数时，可以通过 window 对象访问它们。

window对象常用方法

window.open()

打开一个新窗口
格式：window.open(URL,name,param)

window.close()

关闭当前窗口

window对象常用属性

window.closed 返回窗口是否已被关闭。
window.status=sometext 设置窗口状态栏的文本。
window.location.href=“url” 在当前页面跳转至新页面
window.location 获取当前页面的url地址

大多数修改窗口大小或位置的方法，目前已被主流浏览器禁用，对非window.open方法打开的窗口不能使用

window对象常用事件

1. window.onload
2. location对象
3. navigator对象
4. screen对象
5. history对象

frames框架

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