天天看点

【javascript学习笔记】DOM介绍

DOM是document object model( 文档对象模型) 的缩写。DOM 是 W3C(万维网联盟)的标准。熟悉开发的人员把html dom 可以理解为它是网页的api,它将网页中的元素看作是每个对象,所以网页中的元素是可以被通过支持dom的语言获取或者进行编编辑。例如我们常用的javascript来利用html dom来编写网页动态。

文档  DOM中的“D”:Document(文档).如果没有document(文档),dom也就无从谈起了,当我们创建一个网页并加载到浏览器时,dom就在幕后已经产生了,它把网页文档转换成一个文档对象。

对象 DOM中的“O”:Object(对象)。对象是一种自足的数据集合,javascript 语言中的对象可以分为三类:

      用户自定义对象(user-defined object):由程序员自行创建的对象。

      内建对象(native object):内建在javascript语言里的对象,如Array、Math和Date等。

      宿主对象(host object):由浏览器提供的对象。

模型  DOM中的"M":Model(模型)

     它的是网页的一种表现形式。dom的模型是以节点树来表示。节点就是html中的每个元素(标签)(属性)(文本),如:<h1> <p> <div>标签, <p>这就是一个文本节点</p>中的“这就是一个文本节点” 文本节点,<h1 title="h1">中的title属性节点等。

DOM的工作模式:先加载文档静态内容,再动态刷新,动态刷新不影响文档的静态内容。这正是DOM的威力所在:对页面内容进行刷新确不需要在浏览器里刷新页面。

以上内容学至《javascript dom编程艺术第二版》,记录下。

注:本博客里的学习笔记部分是博主自己学习时所根据自己的情况所记录的东西,看客看到如果对你有用虽好,看不懂的也不要怪意,完全是博主个人学习所用。

继续阅读