好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

DOM 和 JavaScript 的关系

DOM 和 JavaScript 的关系

DOM 与 JavaScript 是分离的。

DOM 有自己的一套标准,JavaScript 也有自己的一套标准。

JavaScript 是对标准的实现,为一种语言,而 DOM 标准定义了一系列的接口,由此可以看出,他们两者是可以毫不相干的。

但是在 Web 开发中, 页面 内容 的展示全部通过浏览器解析展现,JavaScript 想动态的 修改页面 ,就必须由浏览器提供一些 方法 ,交给开发者来操作 页面 上的元素,因为 JavaScript 本身是没有操作这些元素的能力的。

浏览器承担了实现与暴露 DOM 接口的工作,根据标准实现一系列 方法 ,随后暴露给开发者使用。

如 document 对象,表示当前的 页面 ,也可以理解成根节点,JavaScript本身是没有这个全局对象的。

可以通过遍历 document 对象的 属性 ,来观察 一个 DOM 节点都有些什么 属性 和 方法 。

  for   (  var  i  in  document )   { 
  console .  log  ( i ,  document [ i ]  ) 
 } 
 

一个 节点的 属性 非常多, 包括 许多事件、子节点、操作节点的 方法 等。

浏览器通过暴露这些 DOM 相关的 内容 给开发者,开发者通过 JavaScript 进行操作。

对浏览器而言,document 实际上不是最顶层的节点,再向上还有 window ,这一点可以在事件相关的章节体现。

小结

JavaScript 和 DOM 本身是可以没有关系的,但是开发者需要操作 DOM ,浏览器实现了对应的 方法 ,暴露给开发者,开发者使用 JavaScript 来 调用 以达到操作 DOM 的目的。

获取和操作 DOM 节点 ? ?什么是 DOM

查看更多关于DOM 和 JavaScript 的关系的详细内容...

  阅读:38次

上一篇

下一篇

第1节:什么是 JavaScript    第2节:学习环境准备    第3节:调试方案    第4节:JavaScript 变量    第5节:JavaScript 数据类型    第6节:JavaScript if 语句    第7节:for 语句    第8节:JavaScript 算数运算符    第9节:JavaScript 比较运算符    第10节:JavaScript 逻辑运算符    第11节:JavaScript 函数    第12节:JavaScript 表达式    第13节:JavaScript 对象    第14节:JavaScript 字符串    第15节:JavaScript 数字    第16节:JavaScript 数组    第17节:JavaScript switch 语句    第18节:JavaScript while 语句    第19节:JavaScript 的 break 与 continue    第20节:JavaScript with    第21节:document.cookie    第22节:JavaScript Function    第23节:JavaScript Math    第24节:JavaScript Date    第25节:JavaScript RegExp    第26节:JavaScript JSON    第27节:什么是 DOM    第28节:DOM 和 JavaScript 的关系    第29节:获取和操作 DOM 节点    第30节:DOM 与事件    第31节:DOM 事件绑定    第32节:DOM 事件对象    第33节:DOM 事件流    第34节:事件相关的优化    第35节:自定义事件    第36节:表单校验    第37节:什么是 BOM    第38节:常用的 BOM 相关对象    第39节:BOM 常用属性和方法    第40节:AJAX    第41节:异常处理    第42节:三元运算符    第43节:逗号操作符    第44节:void    第45节:typeof    第46节:delete 操作符    第47节:debugger    第48节:getter & setter    第49节:new 运算符与构造函数    第50节:JavaScript 原型    第51节:JavaScript instanceof    第52节:JavaScript this    第53节:严格模式    第54节:作用域    第55节:闭包    第56节:变量提升    第57节:对象包装器    第58节:Lodash    第59节:moment    第60节:swiper    第61节:ECMAScript 6    第62节:Node.js    第63节:Babel    第64节:CSS 预处理器    第65节:代码规范    第66节:TypeScript    第67节:WebComponents    第68节:Vue、React、Angular    第69节:小程序    第70节:JavaScript 关键字    第71节:分号导致的问题    第72节:对象属性访问问题    第73节:this 使用问题    第74节:浮点数精度问题    第75节:独一无二的 NaN    第76节:避免全局污染    第77节:控制台观察对象问题    第78节:根据环境选择语言特性    第79节:相关资源