【记录】自学JavaScript第七周

BOM：Browser Object Model，即浏览器对象模型，提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。

Browser对象：指BOM提供的多个对象，包括：Window、Navigator、Screen、History、Location等。

其中Window对象为顶层对象，其他对象都为Window对象的子对象。

目录

1. Window 对象：表示浏览器打开的窗口，包括获取焦点、改变滚动条、设置定时器等等。

2. Navigator 对象：包含浏览器信息。如：获取浏览器名称、版本信息、操作系统平台信息等等。

3. Screen 对象：包含屏幕信息。如：获取屏幕高度、宽度等等。

4. History 对象：可对当前页的浏览历史进行操作，如：前进、后退等。

5. Location 对象：可对当前页面的URL进行操作，如：导航到新的页面、获取URL信息等。

1. Window 对象

1.1 说明

Window 对象：表示浏览器打开的窗口、标签或者框架(若当前页面里包含多个iframe，会为每个iframe创建Window对象)。

Window对象不会被实例化，调用属性和方法都作为window的静态成员。

调用方式：调用Window对象的成员时，可以省略前面的window。如：window.alert() 可写成 alert() 。

1.2 属性

readonly ApplicationCache applicationCache ：返回窗口的应用缓存对象。

readonly boolean closed ：返回窗口是否已经关闭。

readonly Console console ：返回对Consol对象的引用，对浏览器控制台进行操作。

readonly int devicePixelRatio ：返回设备像素比，即当前显示器的物理像素和设备独立像素(dip)的比例。

readonly Document document ：返回当前窗口的Document对象。

readonly Element frameElement ：若当前window处于一个<iframe>中，此属性返回这个IFrame。若在顶级窗口，返回null。

readonly Window[] frames ：返回一个包含窗口内所有的框架的数组。

readonly History history ：返回一个History对象。可对当前页的历史进行操作，如：前进、后退等。

readonly long innerHeight ：返回当前窗口可显示HTML文档的高度，单位px(像素)。

readonly long innerWidth ：返回当前窗口可显示HTML文档的宽度，单位px(像素)。

readonly long length ：返回窗口内包含框架的数量，即frames数量。

readonly Location location ：返回一个Location对象。可对当前页面的URL进行操作，如：导航到新的页面、获取URL信息等。

readonly LocalStorage localStorage ：返回一个键/值对存储的Storage对象，持续到被用户删除。

string name ：设置或获取当前窗口的name。

readonly Navigator navigator ：返回一个Navigator 对象。包含浏览器信息。如：获取浏览器名称、版本信息、操作系统平台信息等等。

Window openner ：返回对打开当前窗口的原窗口一个引用。若当前窗口是由另一个窗口打开的, window.opener保留对那个窗口的引用. 如果当前窗口不是由其他窗口打开的，则该属性返回 null。

readonly long outerHeight ：返回当前浏览器的总高度，单位px(像素)。包含工具栏、滚动条、浏览器边框等范围。

readonly long outerWidth ：返回当前浏览器的总宽度，单位px(像素)。包含工具栏、滚动条、浏览器边框等范围。

.......