BOM概述

最新推荐文章于 2024-06-14 16:21:11 发布

hcoke

最新推荐文章于 2024-06-14 16:21:11 发布

阅读量1k

点赞数

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/m0_62962469/article/details/123656892

版权

JavaScript 专栏收录该内容

40 篇文章 0 订阅

订阅专栏

本文详细介绍了浏览器对象模型(BOM)，包括其核心对象window及其子对象如document、location、history等。BOM主要用于JavaScript与浏览器窗口的交互，尽管缺乏统一标准，但在实际开发中扮演重要角色。BOM中的window对象既是全局对象，也是访问浏览器窗口的接口，而DOM和BOM在网页交互中各有侧重。理解BOM对于前端开发者至关重要。

摘要由CSDN通过智能技术生成

BOM即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window。

BOM由一系列相关的对象构成，并且每个对象提供了很多方法和属性。

BOM缺乏标准，JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3C，BOM最初值是Netscape浏览器标准的一部分。

DOM	BOM
文档对象模型	浏览器对象模型
DOM就是把文档当做一个对象来看待	把浏览器当做一个对象来看待
DOM顶级对象是document	BOM顶级对象是window
学习操作页面元素	学习浏览器交互的一些对象
W3C标准规范	浏览器厂商在各自浏览器上定义的，兼容性较差

BOM比DOM大，它包含DOM。

BOM的构成：

		window
document	location	navigation	screen	history

window对象是浏览器的顶级对象，它具有双层角色。

1.它是js访问浏览器窗口的一个接口。

2.它是一个全局对象。定义在全局作用域中的变量，函数都会变成window对象的属性和方法。调用时可以省略window。前面学习的对话框都属于window对象方法，如alert(),prompt()等.

注意window的一个特殊属性window.name。

比如：

var num = 1;
console.log(num);  //之前我们用这样的方式找到num的值
console.log(window.num);   //现在我们用这样的方式也可以
    var fn = function() {
				console.log(11);
			}
    fn();  //这两种均可
    window.fn();