js BOM和DOM是什么

简介: js BOM和DOM是什么

目录


前言


同样是对一个基础的查缺补漏,以最精炼的话概括DOM与BOM究竟是什么,通俗易懂,一篇掌握,面试无忧。


DOM(文档对象模型)


概念


DOM是文档对象模型,html页面上的从顶级元素html开始,包括中间的body、div等等标签,它们在被加载时同时会生成一个文档对象,js可以通过这个对象处理网页内容,这对象就是DOM。

节点


DOM文档对象由节点构成,节点有很多种,但是最主要节点有三种:元素节点、文本节点和属性节点,nodeType可以获取它们的节点类型值,这三种分别对应值1,2,3。

HTML的标签元素就是DOM的元素节点,而这些元素节点也都是一个个对象,用DOM提供的方法可以获得这些对象,比如js通过DOM操作网页之前需要使用document.getElementById获取元素对象等。

BOM(浏览器对象模型)


概念


BOM是浏览器对象模型,该对象模型提供一些对象,这些对象提供一些方法,可以用于js操作浏览器一些功能。

对象


window对象:BOM的核心,表示正打开的窗口,同时也是html中的js所说的全局对象,且全局对象上的方法和属性使用时不用加上前缀window,比如我们常常使用的alert,实际上是window.alert,剩下介绍的三个对象都存在于 window 对象上。


location对象:提供一些属性返回url请求的信息,比如host:服务器名称+端口,以下记录一些常用的

image.png

  1. navigator对象:检测当前浏览器一些信息,比如是什么浏览器什么内核等等,做兼容性处理时用得到。
  2. history对象:可以对当前用户会话产生的路由栈进行跳转,back(向后跳转一页)、forward(向前跳转一页)、go(拥有一个入参值,指定页数前后跳转)
相关文章
|
1天前
|
JavaScript
js 中操作dom
js 中操作dom
15 6
|
19天前
|
JavaScript 前端开发 API
Javaweb之javascript的BOM对象的详细解析
BOM为Web开发提供了强大的API,允许开发者与浏览器进行深入的交互。合理使用BOM中的对象和方法,可以极大地增强Web应用的功能性和用户体验。需要注意的是,BOM的某些特征可能会在不同浏览器中表现不一致,因此在开发过程中需要进行仔细的测试和兼容性处理。通过掌握BOM,开发者能够制作出更丰富、更动态、更交互性的JavaWeb应用。
13 1
|
20天前
|
JavaScript 前端开发
JavaScript 与 DOM 交互
【9月更文挑战第01天】
18 2
|
26天前
|
编解码 JavaScript 前端开发
JS逆向浏览器脱环境专题:事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
JS逆向浏览器脱环境专题:事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
44 1
|
30天前
|
JSON JavaScript 前端开发
JS的无限可能: 前端 精妙DOM技巧至Node.js的服务端
JS的无限可能: 前端 精妙DOM技巧至Node.js的服务端
|
28天前
|
JavaScript 前端开发
js bom的概念
js bom的概念
26 1
|
6天前
|
XML JavaScript 数据格式
XML DOM 遍历节点树
XML DOM 遍历节点树
|
6天前
|
JavaScript
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
|
6天前
|
JavaScript
DOM 节点列表长度(Node List Length)
DOM 节点列表长度(Node List Length)
|
1天前
|
XML JavaScript 数据格式
XML DOM 遍历节点树
XML DOM 遍历节点树