深入理解JavaScript浏览器对象模型BOM

"这篇文档详细介绍了JavaScript中的浏览器对象模型（BOM）以及核心对象window的使用，包括其属性和方法。" 在JavaScript中，浏览器对象模型（BOM，Browser Object Model）提供了一套接口，允许开发者操作浏览器的特性，如窗口、导航、历史记录等，而这些操作与网页的具体内容无关。由于BOM缺乏统一的标准，各浏览器厂商根据自己的实现进行扩展，形成了事实上的标准。 BOM的核心对象是`window`，它代表了浏览器的一个实例。每个打开的窗口都有一个对应的`window`对象，这个对象位于JavaScript全局作用域的顶端。作为Global对象，所有在全局作用域内声明的变量和函数都会成为`window`对象的属性和方法。尝试访问未声明的变量会抛出`ReferenceError`，但可以通过查询`window`对象来判断一个可能未声明的对象是否存在。 `window`对象拥有丰富的属性和方法： 1. 属性： - `closed`：如果窗口已关闭，该属性为`true`。 - `defaultStatus`：设置或获取窗口底部状态栏的默认文本。 - `document`：引用当前窗口显示的文档对象。 - `frames`：一个数组，包含了窗口内的框架对象。 - `history`：保存了窗口最近加载的URL历史。 - `length`：返回窗口中框架的数量。 - `location`：包含了当前窗口的URL信息，可读写。 - `name`：窗口的名字。 - `offscreenBuffering`：控制屏幕更新的方式。 - `opener`：打开当前窗口的窗口对象。 - `parent`：指向包含当前窗口的窗口，常用于框架。 - `screen`：包含了关于显示器的信息，如高度和宽度。 - `self`：引用当前窗口，与`window`相同。 - `status`：用户交互产生的临时状态栏信息。 - `top`：包含当前窗口的最顶层窗口，用于框架。 2. 方法： - `alert(text)`：弹出警告对话框，显示指定的文字。 - `blur()`：移除窗口的焦点。 - `clearInterval(interval)`：取消之前设置的定时器间隔。 - `clearTimeout(timer)`：取消之前设置的超时。 - `close()`：关闭当前窗口。 - `focus()`：使窗口获得焦点。 - `open(url, name, features)`：打开新的窗口或标签页。 - `print()`：打印当前页面。 - `prompt(text, defaultText)`：显示一个输入对话框，允许用户输入信息。 - `resizeBy(x, y)`和`resizeTo(width, height)`：改变窗口大小。 - `scrollBy(x, y)`和`scrollTo(x, y)`：滚动页面内容。 BOM还包含了其他对象，如navigator对象（获取浏览器信息）、screen对象（获取客户端屏幕信息）、location对象（处理URL），以及history对象（处理浏览历史）。这些对象共同构成了JavaScript与浏览器交互的基础，让开发者能够实现诸如弹窗提示、页面跳转、窗口大小调整等功能。 了解并熟练掌握BOM的使用，对编写具有交互性的网页应用至关重要，因为它使得JavaScript能够超越HTML和CSS的限制，实现更复杂的用户界面和行为控制。