《HTML教程》_第8章 常用对象简介.pptxVIP

BOM（BrowserObjectModel）浏览器对象模型BOM浏览器对象模型是JavaScript操作浏览器的接口，其核心是window对象。在JavaScript中window对象有着双重角色，其一是作为JavaScript的全局对象，无论是全局变量还是全局函数都存在于window对象中。其二是作为访问浏览器的接口对象。

在Ajax编程中有时会用到操作浏览器的应用，这些应用绝大部分已经被浏览器实现，但有时需要由程序来实现时，就会用到这些知识，比如检测浏览器是否允许Cookie，程序打开指定地址的页面等，所以本章对BOM对象模型进行简单简介。

BOM对象模型以window对象为核心，主要包括：window对象、Screen对象、Location对象、History对象、Navigator对象和Document对象。除BOM对象之外，还有Date对象、Math对象、String对象、Array对象（见5.4节）、RegExp、Map和Set等对象。

8.1window对象Window对象是JavaScript层级中的顶层对象，代表一个浏览器窗口或一个框架，会在body或frameset每次出现时被自动创建。它还包括许多与浏览器操作有关的对象，作为JavaScript的全局容器，所有全局对象、函数和变量都会成为window对象的成员，而且window对象还内置了许多属性和方法。

8.1.1获得窗口尺寸有两个属性可用于获得窗口的内部尺寸：◆innerHeight——浏览器窗口的内部高度，以像素为单位。◆innerWidth——浏览器窗口的内部宽度，以像素为单位。这里需要注意的是，浏览器窗口（也称为视口），是不包括工具栏和滚动条的。

还要注意的是，对于IE浏览器8及以下版本的浏览器，不能使用这两个属性获得浏览器窗口的大小，只能使用下面的属性：◆document.documentElement.clientHeight◆document.documentElement.clientWidth

或者◆document.body.clientHeight◆document.body.clientWidth其中，document为window对象的一个属性，它指向Document对象。如果要获得浏览器窗口的内部尺寸，比较实用的方法是：

varwidth=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth;?varheight=window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight;

8.1.2窗口操作

窗口操作的方法比较多，这里只介绍打开、关闭、移动和调整窗口大小四个方法。其他方法如果用到可以查阅相关书籍或网站。

1、打开窗口

Window对象提供了open()方法用于打开窗口，或者查找已经存在的窗口。Open()函数原型如下：open(URL,name,features,replace)注：window对象是默认的全局对象，凡是window本身的属性和方法都可以直接访问，而无需指明window对象。

但由于document对象也有一个open()方法，所以使用open()方法时，为了避免混淆要使用window.open()。参数说明：◆URL——可选的字符串参数，指定要在新窗口中显示的文档的URL地址。如果省略则打开一个空窗口。

◆name——可选的字符串参数，指定打开窗口的名称。若该名称已经存在，则返回已存在窗口的引用，而不是新打开一个窗口。而且该名称可用作标记a和form的属性target的值。

◆features——可选的字符串参数，指定打开的窗口要显示的特征。如果省略则显示所有标准的特征。如果窗口不是新打开的窗口，而是一个已经存在的窗口，则该参数被忽略。所有窗口特征如表8-1所示。◆replace——可选的布尔型参数，指定加载到窗口的URL是作为窗口的浏览历史的新记录，还是替换浏览器历史的当前条目。true表示替换，false表示不替换。

实例该实例通过新打开的窗口显示浏览器窗口的内部宽度和高度。要实现这一功能，只需要使用window对象的open()函数打开一个窗口，在窗口中显示一个可以获取当前窗口内部尺寸的页面却可，代码如清单8-1所示。

首先要编写一个在窗口中打开的页面，这里称之为getWindowSize.html，清单8-1打开新窗口并显示窗口的内部尺寸script window.open(get