JavaScriptBOM概述

BOM概述
基本描述:BOM(Browser Object Model)即浏览器对象模型,是一套用来管理控制浏览器的规则。
相关说明:
1,BOM和DOM很像,都是管理抽象对象的规则。
2,BOM主要负责页面与页面的通讯。
3,BOM的核心对象是window对象通常情况下说bom一般都是说window对象。
4,BOM是因为对浏览器进行管理的规则,因此并没有统一的标准。
BOM和DOM的关系
DOM通过document对象来访问、控制、修改html和xhtml等文档中的内容。
BOM通过window对象来访问、控制、修改浏览器中的内容。
联系:BOM包含DOM。
BOM规则从范畴上来说,包括DOM规则。从而使得html文档的脚本中JavaScript操作可以通过访问浏览器、进而通过执行浏览器对象的DOM操作来获取文档的内容。
window.document.querySelecor(‘xxx’).onclick = function(){};
window.console.log(‘xxx’);
区别:DOM描述了处理网页内容方法和接口,即操作页面内部;BOM描述了与浏览器进行交互的方法和接口,即操作页面之间。
内置对象window
基本描述:Window对象是BOM规则中提出的,一个用来代表【浏览器本身】的对象。
相关说明
1,window对象是整个JavaScript中的顶级对象,不存在任何结构上超过window对象的结构,像document对象等结构都是window对象的子级结构。
window.document……
2,全局作用域可以理解为window对象生效的范围,故而在全局作用域中声明的变量和函数都会自动成为 window对象的属性和方法。
var num = 10;
console.log(num);//10
console.log(window.num);//10
3,window对象的属性和方法可以不显示的写出window,而是直接写出属性名或方法名即可调用。
(window.)document…
(window.)console…

发布了80 篇原创文章 · 获赞 0 · 访问量 3479

猜你喜欢

转载自blog.csdn.net/weixin_43786904/article/details/103685799