重学JavaScript之DOM级别

简介: 重学JavaScript之DOM级别

1. ECMAScript

由ECMA-262 定义,提供核心语言功能

2. 文档对象模型DOM(提供访问和操作网页内容的方法和接口)

DOM 是针对于XML和已经扩展用于HTML的应用程序,DOM把整个页面映射为一个多层节点结构,这些节点又包含不同类型的数据,通过DOM的创建,我们可以获得页面的控制权,删除、添加、替换任何节点。

2.1 DOM级别

2.1.1 DOM1

由DOM核心和DOM HTML组成, DOM核心规定如何映射基于XML的文档结构,DOM HTML 则在DOM核心的基础上加以扩展,添加针对HTML的对象和方法。

2.1.2 DOM2

DOM2在DOM1的基础上增加了 DOM视图、事件、样式、遍历和范围等功能

2.1.3 DOM3

DOM3在DOM2的基础上进一步的引入了统一方式加载和文档保存的方法

3. 浏览器对象模型(BOM)

BOM 只处理浏览器窗口和框架,提供浏览器交互和方法,以及如下功能:

  • 弹窗新浏览器窗口的功能
  • 移动、缩放和关闭浏览器窗口的功能
  • 提供浏览器详细信息的navigator对象
  • 提供浏览器加载页面信息的对象 location
  • 提供 显示器分辨率属性 screen
  • 对 cookie 支持
  • 对 XMLHttpRequest 和 IE 的 ActiveXObject 自定义对象
相关文章
|
2月前
|
JavaScript 前端开发 Go
CSS 与 JS 对 DOM 解析和渲染的影响
【10月更文挑战第16天】CSS 和 JS 会在一定程度上影响 DOM 解析和渲染,了解它们之间的相互作用以及采取适当的优化措施是非常重要的。通过合理的布局和加载策略,可以提高网页的性能和用户体验,确保页面能够快速、流畅地呈现给用户。在实际开发中,要根据具体情况进行权衡和调整,以达到最佳的效果。
|
24天前
|
JavaScript 前端开发 索引
js中DOM的基础方法
【10月更文挑战第31天】这些DOM基础方法是操作网页文档结构和实现交互效果的重要工具,通过它们可以动态地改变页面的内容、样式和行为,为用户提供丰富的交互体验。
|
25天前
|
JavaScript 前端开发 开发者
.js的dom元素操作
【10月更文挑战第29天】通过灵活运用这些 DOM 元素操作方法,JavaScript 可以实现丰富的网页交互效果,如动态更新页面内容、响应用户操作、创建和删除页面元素等。在实际开发中,开发者可以根据具体的需求和场景,选择合适的 DOM 元素操作方法来实现所需的功能,为用户提供更加流畅和动态的网页体验。
|
2月前
|
移动开发 JavaScript 前端开发
原生js如何获取dom元素的自定义属性
原生js如何获取dom元素的自定义属性
66 4
|
3月前
|
JavaScript 前端开发 索引
JavaScript HTML DOM 节点列表
JavaScript HTML DOM 节点列表
21 5
|
3月前
|
JavaScript 前端开发 索引
JavaScript HTML DOM 集合(Collection)
JavaScript HTML DOM 集合(Collection)
36 4
|
3月前
|
JavaScript 前端开发 索引
你可能没有听说过 js中的 DOM操作还有这个: HTMLCollection 和 NodeList
该文章详细解释了JavaScript中HTMLCollection和NodeList这两种DOM集合类型的特性、使用方法及其区别,并通过实例代码展示了如何操作这两种集合来选取和遍历DOM元素。
|
3月前
|
JavaScript 前端开发
JavaScript HTML DOM 事件
JavaScript HTML DOM 事件
24 5
|
3月前
|
JavaScript 前端开发
JavaScript HTML DOM 元素 (节点)
JavaScript HTML DOM 元素 (节点)
28 2
|
3月前
|
JavaScript 前端开发
JavaScript HTML DOM - 改变CSS
JavaScript HTML DOM - 改变CSS
28 4