BOM（浏览器对象模型）是一种编程接口，用于在JavaScript中控制浏览器窗口和框架的属性和方法。

时间: 2023-06-15 15:07:33 浏览: 196

JavaScript 浏览器对象模型BOM使用介绍

BOM也叫做浏览器对象模型,它提供了很多对象,用于访问浏览器的功能;这些功能与任何网页内容无关; BOM缺少规范,每个浏览器提供商都按照自己的想法去扩展它,那么浏览器共有对象就成了事实的标准; 一 window对象 // BOM的核心对象是window,它表示浏览器的一个实例; // window对象处于JavaScript结构的最顶层; // 对于每个打开的窗口,系统都会自动为其定义window对象; // window对象同时扮演着ECMAScript中Global对象的角色,因此所有在全局作用域中声明的变量/函数都会变成window对象的属性和方法; // PS:尝试访问未声明的变量会 JavaScript 浏览器对象模型（BOM）是Web开发中不可或缺的一部分，它允许开发者与用户的浏览器进行交互，访问和操作浏览器的各种特性。由于BOM没有统一的规范，不同浏览器提供商可能会有不同的实现，但一些核心的对象已成为事实上的标准。 **1. Window对象** Window对象是BOM的核心，它代表了浏览器的一个实例，存在于JavaScript全局作用域的顶端。每当打开一个新的窗口，系统都会自动生成一个Window对象。Window对象同时扮演着ECMAScript中的Global对象角色，这意味着在全局作用域中声明的变量和函数都会成为Window对象的属性和方法。尝试访问未声明的变量会导致ReferenceError，但通过查询Window对象，可以检查该对象是否存在。 **2. Window对象的属性和方法** - **属性：** - `closed`：当窗口被关闭时，此属性为true。 - `defaultStatus`：窗口底部状态栏默认显示的信息。 - `document`：指向窗口中当前显示的文档对象。 - `frames`：窗口中框架对象的数组。 - `history`：保存窗口最近加载的URL历史记录。 - `length`：窗口中框架的数量。 - `location`：当前窗口的URL。 - `name`：窗口的名字。 - `offscreenBuffering`：控制屏幕更新的方式。 - `opener`：打开当前窗口的窗口引用。 - `parent`：指向包含当前窗口的窗口（由框架使用）。 - `screen`：提供有关显示器的信息，如高度和宽度（以像素为单位）。 - `self`：指向当前窗口，与`window`等效。 - `status`：描述由用户交互引起的状态栏的临时信息。 - `top`：包含特定窗口的最顶层窗口（由框架使用）。 - **方法：** - `alert(text)`：创建一个警告对话框，显示一条信息。 - `blur()`：移除窗口的焦点。 - `clearInterval(interval)`：清除之前设置的定时器间隔。 - `clearTimeout(timer)`：清除之前设置的超时。 - `close()`：关闭窗口。 - `confirm(text)`：创建一个确认对话框，需要用户确认。 - `focus()`：将焦点转移到窗口。 - `open(url, name, [options])`：打开一个新窗口并返回新Window对象。 - `prompt(text, defaultInput)`：创建一个对话框，请求用户输入信息。 - `scroll(x, y)`：在窗口内滚动到指定像素位置。 - `setInterval(expression, milliseconds)`：在指定时间间隔后执行一个表达式。 - `setTimeout(expression, milliseconds)`：在超时后执行一个表达式。 - `setInterval(function, milliseconds, [arguments])`：在指定时间间隔后调用一个函数。 - `setTimeout(function, milliseconds, [arguments])`：在超时后调用一个函数。 - `print()`：调出打印对话框。 - `find()`：调出查找对话框。 **3. 系统对话框** - `alert(text)`：弹出警告对话框，通常用于显示简短信息，没有返回值。 - `confirm(text)`：弹出确认对话框，返回一个布尔值，用户点击确定返回true，点击取消返回false。 - `prompt(text, defaultInput)`：弹出输入提示框，用户可以输入文本，返回用户输入的值。系统对话框是浏览器内置的，它们的样式和行为由操作系统和浏览器决定，不是由CSS控制。这些对话框是同步和模态的，意味着在对话框关闭之前，程序会暂停执行。例如： ```javascript // 警告对话框 alert('警告信息'); // 确认对话框 if (confirm('请确认操作')) { alert('您选择了确定'); } else { alert('您选择了取消'); } // 输入提示框 var num = prompt('请输入一个数字', '0'); alert('输入的数字是：' + num); ``` 掌握这些Window对象的属性和方法，能够帮助开发者更好地操控浏览器环境，提供丰富的用户交互体验。然而，由于浏览器兼容性问题，使用BOM时需要注意不同浏览器的实现差异。

不完全正确。BOM（浏览器对象模型）指的是浏览器提供的一组API，用于控制浏览器窗口及其属性、浏览器历史、浏览器屏幕等非HTML文档的部分。常见的BOM对象包括window对象、location对象、navigator对象、screen对象等。而控制浏览器窗口和框架的属性和方法则是DOM（文档对象模型）的一部分，DOM主要用于控制HTML文档的结构和内容。

阅读全文

BOM（浏览器对象模型）是一种编程接口，用于在JavaScript中控制浏览器窗口和框架的属性和方法。

相关推荐

JavaScript浏览器对象模型BOM(BrowserObjectModel)实例详解

Web关于BOM对象的使用

JavaScript浏览器对象之一Window对象详解

JavaScript编程

javaScript对象模型与事件处理资料.pdf

javascript编程指南

javascript轻松编程

实现JavaScript的组成----BOM和DOM详解

JavaScript编程50例

vvv

JavaScript教程：窗口对象属性详解

掌握JavaScript浏览器对象的初学者讲义

JavaScript教程：窗体对象属性与语言概述

JavaScript BOM操作：window事件处理示例

JavaScript实现浏览器与设备间书签私密同步技巧

JavaScript BOM操作详解：深入理解Web前端技术

JavaScript基础入门：ECMAScript、DOM与BOM详解

深入实践JavaScript编程技巧

深入探讨JavaScript编程技术

最新推荐

第四章 浏览器对象模型BOM

Teamcenter中精确BOM和非精确BOM的区别.docx

微服务中使用Maven BOM来管理你的版本依赖详解

C#读取中文文件出现乱码的解决方法

基于B/S结构的软件开发技术 浏览器对象

WordPress作为新闻管理面板的实现指南

管理建模和仿真的文件

函数与模块化编程宝典：J750编程高效之路

用C语言求有4个圆塔，圆心分别为（2，2)，(2，-2)，(-2，2)，(-2，-2)圆半径为1， 这4个塔的高度为10m 塔以外无建筑物接输入任意点的坐标 求该点的建筑高度（塔外的高度为零)的程序

NPC_Generator：使用Ruby打造的游戏角色生成器

第四章浏览器对象模型BOM

基于B/S结构的软件开发技术浏览器对象

用C语言求有4个圆塔，圆心分别为（2，2)，(2，-2)，(-2，2)，(-2，-2)圆半径为1，这4个塔的高度为10m 塔以外无建筑物接输入任意点的坐标求该点的建筑高度（塔外的高度为零)的程序