BOM和DOM的介绍

最新推荐文章于 2024-09-20 13:42:43 发布
最新推荐文章于 2024-09-20 13:42:43 发布
阅读量96 收藏
点赞数
分类专栏： 原理的学习 文章标签： html css javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qinsangdilvzhi/article/details/120284096
版权
BOM（Browser Object Model）是用于操作浏览器特性的API，如弹窗、屏幕分辨率等。而DOM（Document Object Model）是HTML或XML文档的结构模型，用于访问和修改页面元素属性，如input表单的value。了解这两者对于前端开发至关重要。
摘要由CSDN通过智能技术生成

什么是BOM？

BOM是browser object model的缩写，简称浏览器对象模型。是用来获取或设置浏览器的属性、行为，例如：新建窗口、获取屏幕分辨率、浏览器版本号等。 比如 alert();弹出一个窗口,这属于BOM

什么是DOM？

DOM是Document ，简称文档对象模型。是用来获取或设置文档中标签的属性，例如获取或者设置input表单的value值。document.getElementById("").value; 这属于DOM



在这里插入图片描述

wj_秦桑低绿枝
关注
专栏目录
javascript学习笔记（三）BOM和DOM详解
01-19
js组成 我们都知道， javascript 有三部分构成，ECMAScript，DOM和BOM，根据宿主（浏览器）的不同，具体的表现形式也不尽相同，ie和其他的浏览器风格迥异。 1. DOM 是 W3C 的标准； [所有浏览器公共遵守的标准] 2. BOM 是 各个浏览器厂商根据 DOM 在各自浏览器上的实现;[表现为不同浏览器定义有差别,实现方式不同] 3. window 是 BOM 对象，而非 js 对象； DOM（文档对象模型）是 HTML 和 XML 的应用程序接口（API）。 BOM 主要处理浏览器窗口和框架，不过通常浏览器特定的 JavaScript 扩展都被看做 BOM 的
DOM和BOM的使用
01-08
在本文中，我们将详细介绍 DOM 和 BOM 的概念、特点和使用方法。 DOM 简介 DOM 是一个平台中立、语言中立的接口，它允许开发者通过 JavaScript 操作文档的内容和结构。DOM 将 HTML 文档抽象为一个树形结构，文档中...
BOM和DOM详解
weixin_44074543的博客
05-06 3778
我们都知道， javascript 有三部分构成，ECMAScript，DOM和BOM，根据宿主（浏览器）的不同，具体的表现形式也不尽相同，ie和其他的浏览器风格迥异。 1. DOM 是 W3C 的标准； [所有浏览器公共遵守的标准] 2. BOM 是 各个浏览器厂商根据 DOM 在各自浏览器上的实现;[表现为不同浏览器定义有差别,实现方式不同] 3. window 是 BOM 对象，而非 js 对象； DOM（文档对象模型）是 HTML 和 XML 的应用程序接口（API）。 BOM 主要处理浏览器
Javascript之BOM与DOM讲解
热门推荐
晨港飞燕的专栏
05-13 8万+
一.Javascript组成JavaScript的实现包括以下3个部分：ECMAScript(核心)描述了JS的语法和基本对象。文档对象模型 （DOM）处理网页内容的方法和接口浏览器对象模型（BOM）与浏览器交互的方法和接口javascript 有三部分构成，ECMAScript，DOM和BOM，根据宿主（浏览器）的不同，具体的表现形式也不尽相同，ie和其他的浏览器风格迥异,IE 扩展了 BOM，...
html中的bom和dom,BOM与DOM的区别
weixin_39681486的博客
06-15 785
总结：【BOM是浏览器对象模型，用来获取或设置浏览器的属性、行为，例如：新建窗口、获取屏幕分辨率、浏览器版本号等。 DOM是文档对象模型，用来获取或设置文档中标签的属性，例如获取或者设置input表单的value值。 BOM的内容不多，主要还是DOM。 由于DOM的操作对象是文档(Document)，所以dom和浏览器没有直接关系。一般情况下：BOM是由navigator、history、scre...
html中的bom和dom,前端之BOM和DOM
weixin_36278817的博客
06-15 560
一. BOM和DOMJavaScript分为ECMAScript, BOM, DOM.BOM( Browser Object Model )是指浏览器对象模型, 它使JavaScript有能力与浏览器进行交互.DOM( Document Object Model )是指文档对象模型, 通过它,可以访问HTML文档的所有元素.二. window对象所有浏览器都支持window对象. 它表示浏览器窗口...
JS中BOM和DOM详解
weixin_64922330的博客
07-20 873
介绍了JS中的BOM和DOM元素
BOM 和 DOM 的关系
宋宋的博客
03-31 370
JS是通过访问BOM（Browser Object Model）对象来访问、控制、修改客户端(浏览器)，由于BOM的window包含了document，window对象的属性和方法是直接可以使用而且被感知的，因此可以直接使用window对象的document属性，通过document属性就可以访问、检索、修改XHTML文档内容与结构。可以说，BOM包含了DOM(对象)，浏览器提供出来给予访问的是BOM对象，从BOM对象再访问到DOM对象，从而js可以操作浏览器以及浏览器读取到的文档。
BOM和DOM
qq_43093129的博客
04-24 511
1. BOM和DOM的区别与联系 BOM： Browser Object Model （浏览器对象模型），通过BOM的对象和方法可以完成对浏览器窗口的操作，如：关闭浏览器，前进，后退，修改地址栏上的地址等。BOM的顶级内置对象是window DOM： Document Object Model（文档对象模型），通过DOM的对象和方法可以完成对网页中元素的增删改，让网页产生动态效果。DOM的顶级内置对象是document BOM是包括DOM的，即window包括document 2. innerHTML属
JavaScript之BOM和DOM概念介绍
python全栈
01-21 751
一、BOM BOM是Browser Object Model的简写，即浏览器对象模型。 将浏览器抽象成一个对象——》window 同时封装了一些属性和方法 有了BOM之后，就可以控制浏览器的行为。 BOM的顶层是window对象 二、DOM DOM是Document Object Model的简写，即文档对象模型。 DOM用于XHTML、XML文档的应用程序接口(API)。 将浏览器当前打开的文件抽象成对象——document 将文档解析成一个document对象，属性结构的对象 通过该对象可以达到修改页
Javascript之理解BOM和DOM
pakerder的博客
10-13 1050
一个完整的JavaScript实现应该由以下三个部分构成：ECMAScript、DOM、BOM. ECMAScript: ES规定了JS的变成语法和基础核心知识，是所有浏览器厂商都遵守的JS语法工业标准。 DOM: 文档对象模型（Document Object Model），让我们通过DOM提供的接口来操作网页。DOM中，文档表示的就是整个HTML网页文档；对象表示将网页每个部分转换为一个对象；模型为使用模型表示对象间的关系，方便我们获取对象。通过dom，可以访问、
javascript bom是什么及bom和dom的区别
10-23
BOM是浏览器对象模型，DOM是文档对象模型，前者是对浏览器本身进行操作，而后者是对浏览器（可看成容器）内的内容进行操作。这篇文章给大家介绍javascript bom是什么及bom和dom的区别，感兴趣的朋友一起学习吧
JS相关BOM和DOM和ECMAScript还有引用数据类型.emmx
07-18
使用mindmaster打开
BOM与DOM
weixin_47432345的博客
08-07 5635
DOM 与 BOM 详解
HTML 揭秘：HTML 编码快速入门
m0_53117341的博客
09-09 1535
HTML 揭秘：HTML 编码快速入门一 . 前端知识介绍二 . HTML 介绍三 . HTML 快速入门四 . HTML 编辑器 - VSCode4.1 插件安装4.2 修改主题配色4.3 修改快捷键4.4 设置自动保存4.5 创建 HTML 文件4.5 书写 HTML 代码4.6 常见快捷键五 . 基础标签5.1 字体标签5.1.1 color 属性5.1.2 size 属性5.1.3 face 属性5.2 i 标签、b 标签5.3 hr 标签5.4 br 标签5.5 center 标签5.6 练习5.
jspdf踩坑 htmltocanvas
最新发布
bs521521的博客
09-20 158
解决方案是换到jspdf.js目录里。
使用HTML和CSS制作网页的全面指南
weidl001的博客
09-14 1414
HTML（超文本标记语言）是构建网页的基础语言。它用于定义网页的结构和内容。通过使用不同的标签（tags），我们可以告诉浏览器如何显示文本、图像、链接等。CSS（层叠样式表）用于控制网页的外观和布局。它可以设置文本的颜色、字体、背景、边距等，使网页更加美观和用户友好。通过以上步骤，我们已经了解了如何使用HTML和CSS创建一个简单但完整的网页。主题要点HTML基础了解HTML的结构和常用标签CSS基础理解CSS的语法、选择器和常用属性网页制作步骤规划布局 -> 编写HTML -> 添加CSS实践技巧。
左键选择v-html绑定的文本内容，松开鼠标后出现复制弹窗
y1059477028的博客
09-20 233
【代码】左键选择v-html绑定的文本内容，松开鼠标后出现复制弹窗。
打造民国风格炫酷个人网页：用HTML和CSS3传递民国风韵
m0_61118741的博客
09-14 1538
这个示例展示了如何结合民国风格和现代网页设计元素，创造一个既古典又炫酷的网页。通过细致的CSS样式和动画效果，我们实现了古典美学与现代技术的完美融合。这种设计不仅在视觉上吸引人，也在功能上提供了良好的用户体验。希望这个示例对你在网页设计方面有所启发！
JavaScript中的BOM与DOM对象详解
"这篇介绍主要涉及BOM（Browser Object Model）和DOM（Document Object Model）在JavaScript中的应用，包括常见的BOM对象如window, document, location, navigator, screen, history等，以及DOM对象的引用方式。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值