【JavaScript学习笔记14】BOM(浏览器对象模型)与DOM(文档对象模型)简介

引言

JS在浏览器的开发中,离不开BOM与DOM的使用。本篇笔记开始记录浏览器网页窗口的操作与设置(BOM),以及网页中的一些特效功能(DOM),首先要了解一下BOM与DOM。

BOM(Browser Object Model)

BOM:浏览器对象模型

功能:提供了独立于内容,直接与浏览器窗口进行交互的对象
主要用于管理窗口与窗口之间的通讯,因此其核心对象是window
BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性

DOM:文档对象模型

功能:动态地访问程序和脚本,更新其内容、结构和www文档的风格(目前,HTML和XML文档是通过说明部分定义的),核心对象是:document

BOM与DOM的关系

借用网络一张关系图,将BOM与DOM的关系解释的特别清楚:
在这里插入图片描述

  • 在顶层是基于Window对象
  • 整个BOM可以说是所有对象的集合,在Window对象里面有一个子对象:document对象
  • 其中window,document对象尤为重要
发布了91 篇原创文章 · 获赞 17 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/RayCongLiang/article/details/104292984
今日推荐