我们日常所见到的几乎所有的浏览器都内嵌了javaScript引擎，使得javaScript语言能够在浏览器环境下运行。 BOM模型与DOM模型就是帮助我们使用javaScript语言来操作浏览器中的各种对象。

BOM模型

BOM模型就是浏览器对象模型（Browser Object Model）：提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。
包括：
Window：窗口对象
Navigator：浏览器对象
Screen：显示器屏幕对象
Location：地址栏对象
History：历史记录对象

DOM模型

DOM模型就是文档对象模型（Document Object Model）：定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。
包括：
Document：文档对象
Element：元素对象
Attribute：属性对象
Comment:注释对象
Text：文本对象
Node：节点对象，上面5个的父对象

BOM模型与DOM模型示意图：

从浏览器窗口中了解BOM与DOM：

读完如果对你有帮助，感谢点赞支持！
如果你是电脑端，看见右下角的“一键三连”了吗，没错点它[哈哈]

加油！

共同努力！

Keafmd

JavaScript的BOM模型与DOM模型相关推荐

前端基础学习——JavaScript之BOM模型与DOM模型
前面还有JavaScript基础介绍,有兴趣的朋友可以前往查看前端基础学习--带你夯实JavaScript基础目录一. BOM模型 1.1 BOM模型与DOM模型示意图: 1.2 浏览器窗口中的B ...
Web前端基础---JavaScript函数事件及其绑定DOM模型BOM模型
Day03 JavaScript JavaScript是一种属于网络的高级脚本语言,被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果.通常JavaScri ...
JavaScript系列学习笔记 —— DOM模型之Document对象
目录一.概念详解二.文档对象模型三.常见的属性.方法 Document属性 Document方法四.元素节点的操作访问元素节点创建元素节点一.概念详解 Document(文档)是浏览器为 ...
Javascript之BOM与DOM讲解
一.Javascript组成 JavaScript的实现包括以下3个部分: ECMAScript(核心) 描述了JS的语法和基本对象. 文档对象模型 (DOM) 处理网页内容的方法和接口浏览器对象模 ...
JavaScript之BOM和DOM入门
JavaScript之BOM和DOM入门 JavaScript的组成包含三大部分,分别为ECMAScript.DOM和BOM.JavaScript组成,如下图所示: ECMAScript是JavaSc ...
JavaScript提高，BOM编程，DOM编程
第1章 BOM编程 1.1 BOM编程概述 1.1.1 BOM编程的概念 BOM:Browser Object Model 浏览器对象模型 1.1.2 BOM编程的作用用于操作浏览器中的各种对象,不 ...
JavaScript中BOM及DOM的学习
JavaScript中BOM及DOM的学习文章目录 JavaScript中BOM及DOM的学习 1 BOM编程 1.1 BOM编程概述 1.1.1 BOM编程的概念 1.1.2 BOM编程的作用 1 ...
[JS-DOM]核心DOM模型(Document，Element，Node)
核心DOM模型: * Document:文档对象1. 创建(获取):在html dom模型中可以使用window对象来获取1. window.document2. document2. 方法:1. 获 ...
Jquery从入门到精通：二、选择器 1、准备篇 1）基础的基础：DOM模型
二.选择器 1.准备篇 (1)基础的基础:DOM模型什么是DOM 文件对象模型(Document Object Model,DOM)是给 HTML 与 XML 文件 ...

JavaScript的BOM模型与DOM模型

BOM模型

DOM模型

JavaScript的BOM模型与DOM模型相关推荐

最新文章

热门文章