首页 > web前端 > 前端问答 > JavaScript与dom有什么关系

JavaScript与dom有什么关系

青灯夜游
发布: 2021-10-09 15:49:39
原创
2551 人浏览过

dom(文档对象模型)是JavaScript的一个组成部分,它为JavaScript提供处理网页内容的方法和接口;JavaScript对网页进行的所有操作都是通过DOM进行的。

JavaScript与dom有什么关系

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

完整的 JavaScript 是由以下三个部分组成:

  • 核心(ECMAScript):提供语言的语法和基本对象;

  • 文档对象模型(DOM):提供处理网页内容的方法和接口;

  • 浏览器对象模型(BOM):提供与浏览器进行交互的方法和接口。

文档对象模型(DOM):

DOM(文档对象模型)是 HTML 和 XML 的应用程序接口(API)。DOM 将把整个页面规划成由节点层级构成的文档。HTML 或 XML 页面的每个部分都是一个节点的衍生物。

DOM 通过创建树来表示文档,从而使开发者对文档的内容和结构具有空前的控制力。用 DOM API 可以轻松地删除、添加和替换节点(getElementById、childNodes、appendChild、 innerHTML)。

DOM和JavaScript的关系

我们都知道JavaScript是一种编程语言,而.js文件是用JavaScript编写的代码,那么DOM在其中担任什么样的角色呢?

DOM不是一种编程语言,但如果没有DOM,JavaScript语言不会有任何网页操作。我们用JavaScript对网页进行的所有操作都是通过DOM进行的。

下面用一段代码更直观地显示JavaScript和DOM的区别,代码中被标为红色的部分就是DOM:

var Tags = document.getElementsByTagName("a");
       for(var i = 0; i < Tags.length; i++)
       {
            alert("Href of this a element is :" + Tags[i].href + "\n");
       }

这样一来,哪些是核心JavaScript,哪些是DOM,各自起什么作用就可以一目了然。(此处不在对代码进行解释)。

因此有这样一个近似的等式:

web或XML页面 = DOM +JS(脚本语言)

【推荐学习:javascript高级教程

以上是JavaScript与dom有什么关系的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板