1. BOM,浏览器对象模型,作为 JavaScript 三部分之一,它提供了独立于页面内容而与浏览器窗口交互的对象。BOM 的体系结构:
[img]http://dl.iteye.com/upload/picture/pic/49985/42b77b00-3d58-3a3e-982f-46b7fbdf9f24.png[/img]
可以看到,window 对象是整个结构的核心,所有 BOM 下的对象都以某种方式回接到 window 对象。
2. window 对象
window 对象[b]表示整个浏览器窗口[/b],但不必表示其中包含的内容。注意,如果页面使用框架集合(frameset),那么[b]每个框架都由它自己的 window 对象表示[/b]。
还有一个 top 对象,表示最顶层框架。在框架集合的页面中,每个框架都有一个 window 对象,但是要注意一点,在最顶层页面中,window == top 是返回 true 的,而在非顶层的框架页面中,window == top 返回 false。
3. 窗口大小
可利用 window 对象的 moveBy/moveTo/resizeBy/resizeTo 等方法来对窗口做移动或大小调整操作。由于缺乏标准,对窗口的一些大小属性在不同浏览器里有不同的表示:
IE 提供了 window.screenLeft 和 window.screenTop 来判断窗口的位置,用 document.body.offsetWidth 和 document.body.offsetHeight 表示视图区大小,但他们都不是标准。
Mozilla 提供了 window.screenX 和 window.screenY 来判断窗口的位置,用 window.innerWidth 和 window.innerHeight 来表示视图区大小,还提供了 window.outterWidth 和 window.outterHeight 来表示浏览器窗口本身的大小。
注意,应该尽量避免使用窗口移动和大小调整功能。
4. 调用 window.open 打开新窗口时窗口属性配置项:
[img]http://dl.iteye.com/upload/picture/pic/49987/4b6f64d8-289f-3e5c-b26d-f368532fa300.png[/img]
window.open 返回新打开窗口的 window 对象。可以利用返回的 window 对象对新打开的窗口进行操作。
5. document 对象
它是 window 对象的一个属性,但它有一个独特之处是它是唯一一个既属于 BOM 又属于 DOM 的对象。
6. location 对象
BOM 中最有用的对象之一,它是 window 对象和 document 对象的属性(因为没有标准而导致的混乱)。利用它可以获取请求 URL 信息或设置 URL 并加载。如可获取以下信息:location.host 、location.port、location.protocol、location.href、location.pathname 等。
7. navigator 对象
包含大量关于 Web 浏览器的信息,可用 navigator 检测浏览器和操作系统的信息。
8. screen 对象
用它来获取用户的屏幕信息。
[img]http://dl.iteye.com/upload/picture/pic/49985/42b77b00-3d58-3a3e-982f-46b7fbdf9f24.png[/img]
可以看到,window 对象是整个结构的核心,所有 BOM 下的对象都以某种方式回接到 window 对象。
2. window 对象
window 对象[b]表示整个浏览器窗口[/b],但不必表示其中包含的内容。注意,如果页面使用框架集合(frameset),那么[b]每个框架都由它自己的 window 对象表示[/b]。
还有一个 top 对象,表示最顶层框架。在框架集合的页面中,每个框架都有一个 window 对象,但是要注意一点,在最顶层页面中,window == top 是返回 true 的,而在非顶层的框架页面中,window == top 返回 false。
3. 窗口大小
可利用 window 对象的 moveBy/moveTo/resizeBy/resizeTo 等方法来对窗口做移动或大小调整操作。由于缺乏标准,对窗口的一些大小属性在不同浏览器里有不同的表示:
IE 提供了 window.screenLeft 和 window.screenTop 来判断窗口的位置,用 document.body.offsetWidth 和 document.body.offsetHeight 表示视图区大小,但他们都不是标准。
Mozilla 提供了 window.screenX 和 window.screenY 来判断窗口的位置,用 window.innerWidth 和 window.innerHeight 来表示视图区大小,还提供了 window.outterWidth 和 window.outterHeight 来表示浏览器窗口本身的大小。
注意,应该尽量避免使用窗口移动和大小调整功能。
4. 调用 window.open 打开新窗口时窗口属性配置项:
[img]http://dl.iteye.com/upload/picture/pic/49987/4b6f64d8-289f-3e5c-b26d-f368532fa300.png[/img]
window.open 返回新打开窗口的 window 对象。可以利用返回的 window 对象对新打开的窗口进行操作。
5. document 对象
它是 window 对象的一个属性,但它有一个独特之处是它是唯一一个既属于 BOM 又属于 DOM 的对象。
6. location 对象
BOM 中最有用的对象之一,它是 window 对象和 document 对象的属性(因为没有标准而导致的混乱)。利用它可以获取请求 URL 信息或设置 URL 并加载。如可获取以下信息:location.host 、location.port、location.protocol、location.href、location.pathname 等。
7. navigator 对象
包含大量关于 Web 浏览器的信息,可用 navigator 检测浏览器和操作系统的信息。
8. screen 对象
用它来获取用户的屏幕信息。