javascript-DOM&BOM

最新推荐文章于 2025-11-24 03:12:01 发布
原创 最新推荐文章于 2025-11-24 03:12:01 发布 · 1.1k 阅读 · 16 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #开发语言 #ecmascript

DOM

DOM 是 JavaScript 操作网页的接口，全称为“文档对象模型”（Document Object Model）。它的作用是将网页转为一个 JavaScript 对象，从而可以通过脚本对网页元素进行操作

浏览器会根据 DOM 模型，将结构化文档解析成一系列的节点，再由这些节点组成一个树状结构（DOM Tree）

节点类型

DOM 的最小组成单位叫做节点（Node），文档的树形结构（DOM Tree），就是由各种不同类型的节点组成。节点都继承了 Node 对象

  • Document：整个文档树的顶层节点
  • DocumentType：doctype 标签（比如<!DOCTYPE html>）
  • Element：对应网页的元素
  • Attr：属性节点
  • Text：标签之间或标签包含的文本
最低0.47元/天 解锁文章
JavaScript-DOM和BOM详解
主营前端方向，技术栈是vue
12-30 1442
DOM和BOM(DOM((简介,事件(onclick单击事件、onload事件),BOM(简介，分类，语法( Navigator 当前浏览器、Histry 向前或向后翻页、Location 地址栏的信息))
BOM【JavaScript】
2302_77228054的博客
09-20 1036
BOM（Browser Object Model）是浏览器对象模型的缩写，它允许JavaScript与浏览器进行交互。BOM 提供了与浏览器窗口和框架相关的对象，使得开发者可以操作浏览器的各种功能。
Bom和Dom有什么区别
混世小妲己
03-19 2884
BOM是浏览器对象模型，用来获取或设置浏览器的属性、行为，例如：新建窗口、获取屏幕分辨率、浏览器版本号等。 DOM是文档对象模型，用来获取或设置文档中标签的属性，例如获取或者设置input表单的value值。 ...
JavaScript---BOM和DOM
weixin_65440201的博客
07-30 835
1.DOM简单学习：为了满足案例要求 1.1操作Element对象： 1.2事件简单学习 案例1：电灯开关 2.BOM 2.1概念：Browser Object Model 浏览器对象模型 2.2组成： 2.3Window：窗口对象 2.3.1创建 2.3.2方法 2.3.3属性： 2.3.4特点 案例：轮播图 2.4Location：地址栏对象 2.4.1创建(获取)： 2.4.2方法： 2.4.3属性 2.5History：历史记录对象 2.5.1创建(获取)： 2
JavaScript精粹（五）- DOM&BOM&offset
Daniel
05-17 1410
DOM 和 BOM 是 JavaScript 中常用的操作网页内容和浏览器窗口的模型，而 offset 属性则用于获取元素的位置信息，帮助开发者实现更加灵活和精准的页面布局和交互效果。
JavaScript---BOM，DOM 对象
2401_86102746的博客
10-02 492
对于该事件，如果阻止表单提交，绑定的匿名函数体返回false。获取：使用 window.location获取，其中window. 可以省略。直接使用 window调用window对象中的属性和函数，其中window.可以省略。2当点击注册按钮时，判断所有输入框的内容是否都符合要求，如果不合符则阻止表单提交。方法：forward()：加载 history 列表中的下一个 URL。DOM中将所有的标签封装成对象 img标签 ===>Image 对象。事件：HTML 事件是发生在 HTML 元素上的“事情”。
笔记目录&思维导图-DOM & BOM
xiaoyangzhu的博客
12-21 733
DOM & BOM的目录
JavaScript & BOM & DOM
qq_68630091的博客
07-25 590
BOM（Browser Object Model）浏览器对象模型，是 JavaScript 与浏览器之间进行交互的接口。DOM 把页面规划成节点层级构成的文档，当浏览器加载一个 WEB 页面时，就会创建这个页面的模型，称为 DOM 树。BOM 提供了一组对象，这些对象代表着浏览器相关内容，并提供了访问和控制这些对象的方法。DOM 的核心对象 document 是 BOM 中 window 对象的子对象。它包含了浏览器窗口的所有属性和方法，可以通过该对象来访问和控制当前窗口的各种行为。（详细操作步骤点这里）
javascript中的DOM和BOM
lh11223326的博客
05-05 1812
在JavaScript中，对象是一种复杂的数据类型，允许我们存储一组值（属性）以及方法。对象可以看作是一种数据的集合，其中包含键值对，其中键是字符串或符号，而值可以是任何数据类型，包括其他对象。或者说对象是一些属性的无序集合，其中每一个属性都对应一个名称和值(键/值对)。如数组是一堆值的集合，其中的每一个值都有一个数字的索引(从0到n-1)，对象也类似与数组，不同的是其中的索引是我们自己定义的(名称)，如：city(城市)，scale(规模).....等等。
实现JavaScript的组成----BOM和DOM详解
10-22
标题所涉及的知识点是JavaScript的组成，具体指出了BOM（浏览器对象模型）和DOM（文档对象模型）。这两个模型是实现JavaScript功能的重要组成部分，而ECMAScript则是JavaScript的核心规范。 BOM主要涉及window对象...
【JavaScript】第七章 JS-Web-API DOM&BOM
冯天祥
03-16 4591
DOM是哪种基本的数据结构？ DOM操作常用API有哪些？ DOM节点的attr和property有何区别？ 如何检测浏览器的类型？ 拆解URL的各个部分 回顾JS基础知识 特点：表面看来并不能用于工作中开发代码 内置函数：Object、Array、Boolean、String等 内置对象：Math、JSON等 我们连在网页弹出一句hello world都不能实现 常说的JS（浏览器...
【前端】JavaScript 方法速查大全-DOM、BOM、时间、处理JS原生问题（三）
万物皆有灵
11-06 1152
在现代Web开发中，JavaScript是不可或缺的编程语言。无论是前端开发还是后端服务，掌握JavaScript的各种方法和技巧都是每位开发者的必修课。本文将为您提供一个全面、系统的JavaScript方法参考，涵盖数组操作、对象处理、DOM与BOM接口、时间处理、解决JS原生问题、函数应用、正则表达式、数据格式转换、随机数生成、文本处理等众多方面。无论您是初学者还是资深开发者，这份速查大全都将成为您日常开发中的得力助手！💪。
Vue开发工具使用技巧
2509_93946471的博客
11-24 237
打开DevTools的"Events"标签页，所有组件间传递的事件都会按时间顺序列出来，连事件负载数据都能展开看详情。更绝的是，你还能手动触发事件——比如在父组件里模拟一个事件，直接测试子组件的响应逻辑，省得反复修改代码来调试。如果组件用了作用域插槽，可以在"Scoped Slots"子面板里实时查看slot传递的数据内容，比在模板里写调试代码清爽得多。路由调试经常被忽略。热重载调试时，如果发现修改代码后页面没及时更新，可以到DevTools的"Settings"里勾选"Log reloads"选项。
【基础】EGG.js 框架内置基础对象
林见鹿鸣
11-24 701
在。
SSM企业物资管理系统h3109(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上，文末可获取，系统界面在最后面
2509_93102542的博客
11-21 762
在技术实现上，国外多采用成熟的开发框架和技术架构，注重系统的安全性、稳定性和可扩展性，同时积极融入大数据、人工智能等新技术，实现物资需求预测、智能库存优化等功能。基于此，开发一套基于SSM框架的企业物资管理系统，整合部门、员工、物资及各类业务流程管理功能，实现物资管理的数字化、规范化和高效化，成为解决企业物资管理痛点的必然需求。本课题旨在开发一套基于SSM框架的企业物资管理系统，围绕部门、员工、物资信息、物资申请、消息提醒、物资归还、物资入库、意见反馈八大核心功能模块，实现企业物资管理的全流程数字化。
Vue3的生命周期
分享学习网络的点点滴滴
11-21 112
Vue3生命周期详解：从创建到卸载的全过程 Vue3的生命周期分为四个主要阶段：创建、更新、卸载和错误处理。创建阶段包含setup()、onBeforeMount()和onMounted()；更新阶段有onBeforeUpdate()和onUpdated()；卸载阶段包括onBeforeUnmount()和onUnmounted()。setup()替代了Vue2的初始化阶段，是组合式API的入口。子组件的生命周期会先于父组件执行。错误处理可使用onErrorCaptured()捕获和阻止错误传播。这些钩子函
Vue网站
最新发布
2509_93947362的博客
11-24 132
给大家分享个实用技巧：组件通信时，简单的父子传参用props/$emit搞定，复杂场景就用Vuex，千万别为了省事滥用event bus，不然项目大了事件流会乱成麻花。以前写数据绑定总要搞一堆繁琐的DOM操作，现在一个双大括号{{data}}就能搞定，新手看了五分钟就能上手写页面。刚开始觉得小项目用Vuex太重量级，后来发现即便是最简单的购物车功能，随着业务复杂度的提升，最终还是得引入状态管理。特别是把相同业务逻辑抽离成composable函数后，在不同组件里直接引入就能用，代码复用率明显提升。
React社区
2509_93942966的博客
11-23 267
这种混乱中带着生命力的讨论，特别像早年中关村攒机市场——商家喊着不同配置的优劣，而真正懂行的玩家早就摸清了哪个方案最适合自己的项目。但有意思的是，无论工具链怎么变，React核心团队始终稳如老狗——他们宁可把并发特性在实验阶段晾三年，也不愿重蹈Angular断代升级的覆辙。组件库生态更是百花齐放。这种带着口音的技术交流，反而比标准教科书更能体现社区的活力。或许某天你写在Stack Overflow的答案，就会成为某个巴西程序员解决线上故障的关键——这种跨越时区的知识接力，才是技术社区最浪漫的部分。
Vue3 中 ECharts Tooltip 无法显示？问题根源与解决方案
weixin_41940856的博客
11-21 476
Vue3 中 ECharts Tooltip 无法显示的核心问题是使用ref深度代理 ECharts 实例，导致其内部事件机制失效。通过将ref替换为shallowRef，既能保持实例的响应式引用，又不会破坏其内部结构，是最简单高效的解决方案。在 Vue3 中集成第三方库时，需注意响应式 API 的选择：复杂实例用shallowRef，普通数据对象用refreactive，避免因响应式代理引发的隐性问题。
掌握JavaScript：DOM与BOM结构及基本用法思维导图
- **在线文档**：MDN Web Docs提供了详尽的JavaScript及DOM、BOM相关的资料。 - **书籍**：《JavaScript高级程序设计》、《你不知道的JavaScript》等书，适合深入了解JavaScript。 - **实践平台**：通过如CodePen、...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值