【JavaScript】DOM和BOM介绍

1.认识DOM和BOM

window的全局对象,window上事实上就包含了这些内容:

  • JavaScript语法部分的Object、Array、Date等;
  • 另外还有DOM、BOM部分

1.1◼ DOM:文档对象模型(Document Object Model)

简称 DOM,将页面所有的内容表示为可以修改的对象;

1.2 ◼ BOM:浏览器对象模型(Browser Object Model)

简称 BOM,由浏览器提供的用于处理文档(document)之外的所有内容的其他对象;
比如navigator、location、history等对象;

2. DOM(文档对象模型)

DOM,全称Document Object Model 文档对象模型

2.1 作用

JS中通过DOM来对HTML文档进行操作。

2.2 定义:

  1. 文档 :文档表示的就是整个的HTML网页文档。 一个页面就是一个文档
  2. 对象:一个网页里面有很多东西,有标签,有属性,有文本,各种各样的东西,对象表示将网页中的每一个部分都转换为了一个对象。h1是个对象,h1里面的aaa是一个对象,body标签是一个对象,注释也是一个对象。转换成对象有什么好处,转换成对象后,就可以以面向对象的方法操作对象。
  3. 模型:对象多了,不好管理。使用模型来表示对象(节点和节点)之间的关系,这样方便我们获取对象。在html结构中,最终会形成一个树结构;我们称之为DOM Tree.

总结:
浏览器将我们编写在HTML中的每一个元素(Element)都抽象成了一个个对象;
所有这些对象都可以通过JavaScript来对其进行访问,那么我们就可以通过JavaScript来操作页面;
所以,我们将这个抽象过程称之为 文档对象模型(Document Object Model);

你可能感兴趣的:(JS方法,javascript,前端)