dom和bom

最新推荐文章于 2025-09-04 18:55:33 发布
最新推荐文章于 2025-09-04 18:55:33 发布
阅读量68 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： javascript xhtml ViewUI
原文链接：http://www.cnblogs.com/qwe123qwe/p/9831979.html
本文深入探讨了DOM（文档对象模型）与BOM（浏览器对象模型）的概念与应用，解析了两者如何帮助JavaScript动态访问和更新HTML、XML文档的内容、结构及样式，以及如何通过BOM操作浏览器窗口和框架。

DOM是一个使程序和脚本有能力动态地访问和更新文档的内容、结构以及样式的平台和语言中立的接口。,而BOM定义了JavaScript可以进行操作的浏览器的各个功能部件的接口。

DOM（文档对象模型）是 HTML 和XML 的应用程序接口（API）。

BOM 主要处理浏览器窗口和框架，不过通常浏览器特定的JavaScript 扩展都被看做 BOM 的一部分。这些扩展包括：

javacsript是通过访问BOM（Browser Object Model）对象来访问、控制、修改客户端(浏览器)，由于BOM的window包含了document，window对象的属性和方法是直接可以使用而且被感知的，因此可以直接使用window对象的document属性，通过document属性就可以访问、检索、修改XHTML文档内容与结构。因为document对象又是DOM（Document Object Model）模型的根节点。可以说，BOM包含了DOM(对象)，浏览器提供出来给予访问的是BOM对象，从BOM对象再访问到DOM对象，从而js可以操作浏览器以及浏览器读取到的文档。

转载于:https://www.cnblogs.com/qwe123qwe/p/9831979.html

p是马甲
关注
JS中DOM和BOM
qq_56101688的博客
10-31 903
DOM（文档对象模型）是一个跨平台和语言独立的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。在网页浏览器中，DOM 通常表示 HTML 或 XML 文档的对象模型。DOM 将网页内容视为节点树，其中每个节点都是文档中的对象，例如元素、属性、文本等。：在 Web 浏览器中，文档通常是指网页，即 HTML 或 XML 文件。：对象模型是将文档内容表示为对象集合的一种方式，这些对象可以由程序代码进行操作。：DOM 将文档结构表示为节点树，树中的每个节点代表文档的一部分。
DOM和BOM的区别
JLY19970726的博客
05-28 662
特性DOMBOM核心对象documentwindow作用操作文档内容、结构和样式操作浏览器窗口和环境标准化W3C 标准无统一标准示例方法alert()理解两者差异有助于更高效地开发前端应用：使用 DOM 操作文档内容，使用 BOM 处理浏览器窗口交互。
什么是DOM和BOM？
热门推荐
似水流年QC的博客
06-01 2万+
DOM 全称是 Document Object Model，也就是文档对象模型。提供操作页面元素的方法和属性，是HTML和XML的API，DOM把整个页面规划成由节点层级构成的文档。DOM 树DOM树是Web页面的模型，当浏览器加载一个Web页面时，它会创建这个页面的模型，称为DOM树。DOM树主要由4类主要节点组成：文档节点，元素节点，属性节点，文本节点。①.文档节点：在树的顶端是文档节点，它呈现整个页面。②.元素节点：需要访问DOM树时，需要从查找元素开始。
DOM和BOM
m0_63170206的博客
05-26 409
1.DOM 1.1DOM概述 1.dom是处理可扩展标记语言的标准编程接口，可以改变网页的样式，内容和结构 2.文档：一个页面就是一个文档（document） 3.元素：页面中的所有标签都是元素（element） 4.节点：网页中的所有内容都是节点（标签，属性，文本，注释等）（node） 4.对象：文档，元素，节点都是对象 获取元素 1.id获取 getElementByid() 1.2获取元素 获取元素 <script> // 1.id获取---id是大小写敏感的字符串 // cons
DOM 和 BOM
分享前端工程化、动效魔法与性能之舞！
01-11 576
本文主要介绍了JavaScript操作网页的DOM（文档对象模型）和BOM（浏览器对象模型）的核心知识。DOM部分详细讲解了节点类型、查找方法（ID、标签名、选择器等）、元素操作（增删改查）、样式修改、表单和表格操作等内容。BOM部分介绍了窗口操作、定时器、历史记录、URL处理等浏览器相关API。文章还涵盖了事件模型、滚动事件和屏幕尺寸获取等实用技巧，全面总结了前端开发中操作网页和浏览器的基础技术。这些API的标准化解决了早期浏览器的兼容性问题，是现代Web开发的重要基础。
DOM和BOM常用API
m0_61698324的博客
01-17 1059
DOM 是指文档对象模型；是为了操作文档出现的 API，可以访问HTML文档的所有元素, document 是其的一个对象； BOM 是指浏览器对象模型，它使 JavaScript 有能力与浏览器进行“对话”。是为了操作浏览器出现的 API，window 是其的一个对象。
前端系列之：DOM 和 BOM
程序员SKY的博客
02-11 982
前端系列之：DOM 和 BOM
javascript中的DOM和BOM
lh11223326的博客
05-05 1780
在JavaScript中，对象是一种复杂的数据类型，允许我们存储一组值（属性）以及方法。对象可以看作是一种数据的集合，其中包含键值对，其中键是字符串或符号，而值可以是任何数据类型，包括其他对象。或者说对象是一些属性的无序集合，其中每一个属性都对应一个名称和值(键/值对)。如数组是一堆值的集合，其中的每一个值都有一个数字的索引(从0到n-1)，对象也类似与数组，不同的是其中的索引是我们自己定义的(名称)，如：city(城市)，scale(规模).....等等。
09—DOM和BOM
qq_41067077的博客
04-24 1113
当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。HTML DOM 定义了用于 HTML 的一系列标准的对象，以及访问和处理 HTML 文档的标准方法。通过 DOM，你可以访问所有的 HTML 元素，连同它们所包含的文本和属性。HTML DOM 独立于平台和编程语言。它可被任何编程语言诸如 Java、JavaScript 和 VBScript 使用。模型被构造为的树：通过可编程的对象模型，JavaScript 获得了足够的能力来创建动态的 HTML。
DOM和BOM区别
a1963919036的博客
01-04 928
DOM 关注于网页文档的内容和结构，提供操作元素、属性、事件等的方法；而 BOM 关注于浏览器窗口和浏览器功能，提供操作窗口、历史记录、定时器等的方法。对象不同：DOM 的核心对象是document，它代表整个网页文档；BOM 的核心对象是window，它代表浏览器窗口。应用场景不同：DOM 用于网页内容的动态操作和交互，如修改页面布局、响应用户输入等；BOM 用于浏览器窗口的控制和浏览器功能的访问，如打开新窗口、使用浏览器历史等。
DOM和BOM的使用
01-08
DOM 和 BOM 的使用 DOM（Document Object Model）和 BOM（Browser Object Model）是前端开发中两个基础概念。DOM 是一个文档对象模型，它将 HTML 文档抽象为一个树形结构，允许开发者通过 JavaScript 操作文档的...
JavaScript_2_DOM和BOM1
08-04
JavaScript DOM 和 BOM JavaScript 的 DOM（Document Object Model）和 BOM（Browser Object Model）是两种不同的对象模型，它们都是 JavaScript 语言的核心组件。DOM 是一种编程接口，用于访问和操作 HTML 文档中...
HTML-01-第10章 DOM和BOM.pptx
11-25
【HTML-01-第10章 DOM和BOM】主要涵盖了HTML文档对象模型（DOM）和浏览器对象模型（BOM）的相关知识。DOM是一种标准的编程接口，用于解析和操作HTML或XML文档，它将文档结构化为一棵树形结构，方便程序进行访问和...
【JavaScript】你都如何得到一个ID？
等时钟成长
09-04 1048
本文探讨了前端开发中生成唯一ID的几种方法。首先介绍了基于时间戳的方案，包括Vite的单调递增时间戳和Yeast的时间戳+序号组合，后者通过base64编码缩短ID长度。其次分析了随机数方案，如简单的36进制转换和更专业的NanoID库，后者利用crypto.getRandomValues()生成更安全的随机ID。文章还深入解析了NanoID的自定义字符集实现细节，包括掩码计算和位运算优化。这些方法各具特点，开发者可根据安全性、性能和易用性需求选择合适的方案。
Vue基础知识-脚手架开发-子传父-props回调函数实现和自定义事件（$on绑定、$emit触发、$off解绑）实现
最新发布
2503_91308956的博客
09-04 1046
本文演示了Vue2中两种子组件向父组件传递数据的方法：1）通过props回调函数，父组件传递回调函数给子组件，子组件调用该函数传参；2）通过自定义事件，父组件给子组件绑定事件，子组件用$emit触发并传参。
Vue3 + Ant Design Vue 实现多选下拉组件（支持分组、搜索与标签省略）
weixin_42285486的博客
09-03 1105
通用性强：可复用于任何多选列表场景技术点清晰：展示 Vue3 组合式 API + Ant Design Vue 高级用法扩展方向支持远程搜索，减少本地数据加载压力支持分组标题显示，优化用户体验支持自定义标签渲染，显示更多信息。
WebView安全实现（二）
samli的博客
09-04 952
本文总结了WebView的安全风险与防御方案。WebView的主要攻击路径包括Intent、deeplink和特殊端口/协议，风险函数如loadUrl()、evaluateJavascript()等可能被滥用。文章分析了"一句话修复方案"的局限性，列举了沙盒突破、白名单绕过等攻击手法，并提供了分层防御策略：1）基础配置加固，禁用不必要的功能；2）严格的白名单校验机制；3）运行时防护措施如子帧隔离和API验证；4）针对特定业务场景定制安全方案。
vue中页面跳转，如何传递参数，多模块之间如何传参数有几种方式：
qq_43631129的博客
09-03 216
minxin — 缺点：每次页面进入都会初始化，跟当前页面的生命周期绑定。localStorage—本地存储–每次取完都清空，也不需要响应式。vuex–缺点：传一个字段不值当，刷新一下数据丢失。eventBus—页面使用这种方式太多，不方便维护。query—缺点：地址栏中20个参数，不美观.优点：多页面公用一套逻辑代码。优点：页面刷新数据还存在。优点：数据实时响应，
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值