理解JavaScript的BOM与DOM：对话框与定时器

"浅述Javascript的外部对象" 在JavaScript中，外部对象是指由浏览器提供的一系列API，它们允许JavaScript代码与浏览器环境进行交互。这些对象构成了Browser Object Model（BOM）和Document Object Model（DOM），是JavaScript能够操控浏览器窗口和页面内容的基础。 BOM，浏览器对象模型，是一个非标准但广泛接受的接口，它使JavaScript能够访问和操作浏览器窗口的各种特性，如窗口的位置、大小、历史记录等。BOM中的核心对象是`window`，它是所有全局变量和函数的容器，也是JavaScript代码默认作用域的对象。`window`对象拥有多个子对象，例如： - `location`：这个对象代表当前页面的URL，可以用于获取或更改页面的地址。 - `history`：提供了浏览历史的有限访问，可以用于导航到前一个或后一个页面。 - `document`：文档对象模型，用于操作HTML或XML文档，包括元素的创建、查找和修改。 - `screen`：提供了关于用户屏幕的信息，如分辨率等。 - `navigator`：包含了关于用户浏览器的信息，如浏览器名称、版本和平台。 DOM，文档对象模型，是HTML和XML文档的标准编程接口。它将文档结构化为树形结构，使得JavaScript可以遍历、添加、删除和修改文档的各个部分。 在BOM中，还有一些其他的常用功能，比如对话框： - `alert()`：显示一个带有消息的警告对话框，用户只能点击确定关闭。 - `confirm()`：弹出一个确认对话框，包含确定和取消两个按钮，用户的选择会返回布尔值。 - `prompt()`：展示一个输入对话框，允许用户输入数据，返回用户的输入值或null。 定时器是JavaScript中用于创建动态效果的重要工具，主要有两种类型： - `setInterval()`：创建周期性定时器，按照指定的时间间隔重复执行一段代码，返回一个标识定时器的ID。 - `setTimeout()`：创建一次性定时器，在指定时间间隔后只执行一次代码，同样返回定时器ID。 定时器的清除函数分别是`clearInterval()`和`clearTimeout()`，用于停止已启动的定时器。 例如，下面是一个周期性定时器的简单示例，每秒钟更新一个计数器： ```javascript let counter = 0; const tID = setInterval(function () { console.log(counter++); if (counter === 10) { // 停止条件 clearInterval(tID); } }, 1000); ``` 了解并熟练掌握JavaScript的外部对象，尤其是BOM和DOM，对于开发交互式的Web应用程序至关重要。通过这些对象和方法，开发者能够实现诸如动态加载、页面导航、用户反馈、动画效果等多种功能，从而提升用户体验。