BOM对象研究小结

BOM对象方法

概要

浏览器对象模型

window对象

表示浏览器的一个实例，它既是通过JS访问浏览器窗口的一个接口，也是一个Global对象

全局作用域

所有在全局作用域中生命的变量和函数都会映射成window对象的属性和方法

不过通过window对象定义的属性可以用delete删除，而全局变量不可以，因为用var映射的window属性有一个Configurable属性，为false，不可用delete。

当我们访问没有定义的全局变量会报错，但是访问没有定义的window对象属性不会，会返回undefined，因为这就是一次属性查询罢了

窗口关系

frame就是框架， 一个frame就有属于自己的一个window对象

可以通过window.frames[number],window.frames[name]的方式获得框架的引用，但有更好的办法引用框架

• top对象永远只向最外层框架，也就是浏览器窗口。除非top对象使用window.open()打开，否则它的name是空值

• window对象指向各自所属的框架实例

• parent对象指向当前框架的上层框架，没有框架时，和top含义一致，此时，top、window、parent三者一致

• self对象指向window，是为了与top、parent对象对应起来，没什么特殊之处

每个框架中定义的全局变量会自动变成window对象的属性，但每个框架有自己的构造函数，所以父框架的属性和子框架的同名属性对象用instanceof结果是不同。

窗口位置

• screenLeft：窗口相对于屏幕的左边

• screenTop：窗口相对于屏幕的上面

• moveTo()：接受新位置的x、y参数

• moveBy()：接受水平和垂直方向上移动的像素数

窗口大小

• innerWidth

• innerHeight

• outerWidth

• outerHeight

• resizeTo()：接受浏览器窗口的新宽度和新高度

• resizeBy()：接受新窗口和原窗口的高度之差

导航和打开窗口

window.open()既可以导航到一个URL，也可以打开一个新窗口

window.open(URL，目标窗口，特性字符串，新页面是否要在历史记录中取代当前页面)

如果目标窗口不存在就会新建一个来加载，存在就直接加载

如果没写特性字符串，就会按默认设置去加载

window.open()返回的是新窗口的引用，我们可以对新窗口实现完全控制，比如调整大小、移动位置、关闭......

close()：关闭新打开的窗口，关闭之后，这个引用对象就会只剩下一个为true的closed属性

opener：保存打开新窗口的原始窗口，不过原始窗口倒没有指向新窗口的指针，把它设为null，即可切断与原始窗口的联系

如果打开的窗口被浏览器内置的屏蔽程序屏蔽，window.open()会返回null

如果被浏览器扩展或其他程序阻止，window.open()会抛出异常，所以这部分最好写在try/catch里面

定时调用与周期调用

• setTimeout(最好是函数，时间)：在指定时间之后执行代码，返回一个调用ID

• setInterval(最好是函数，时间)：周期性的执行代码，返回一个调用ID

• clearTimeout(调用ID)：在定时调用执行前取消执行

• clearInterval(调用ID)：取消周期性执行

这个不一定准时，因为JS是单线程执行的

定时调用可以模拟周期调用，函数里面写定时调用自己。

尽量不要写周期调用，就算写也尽量用定时调用去模拟。

系统对话框

• alert 一个确认按钮的文本框

• confirm 两个按钮（是或否）的文本框，会根据选择返回boolean

• prompt 带输入行的两个按钮文本框，返回输入结果或者null

location对象

window的重要属性，也是document对象的属性之一。它提供了当前窗口加载文档的有关信息和将URL解析。

• search：返回URL从问号到结尾的所有内容的字符串，我们要手动解析

• assign(URL)：立即打开URL，并在历史记录中记录，href和location的直接赋值行为会隐式调用它

• href：当前窗口的完整URL

• replace(URL)：新URL会在历史记录中取代栈顶记录

• reload(boolean)：true为从服务器重新加载，false为从浏览器缓存重新加载，默认为false

navigator对象

window的属性之一，目前只是用来识别客户端浏览器

插件检测

插件都保存在navigator对象的plugins对象数组里

插件对象：{

name：插件名字，

description：插件描述

filename：插件文件名

length：插件处理的MIME类型数量

}

与其写个通用检测方法，不如针对某一种插件去检测存不存在

注册处理程序

针对特定在线程序的处理方式

• registerContentHandler(要处理的MIME类型，接受的URL，应用程序名)

• registerProtocolHandler(要处理的协议，处理的URL，应用程序名)

screen对象

用处不大

表明客户端能力，比如显示器信息

history对象

保存历史记录

• go()：在历史记录中任意跳转，前进正数，后退负数，也可以指定URL跳转

• length：保存历史记录数量