完全掌握JavaScript之DOM与BOM的区别与用法

本篇文章给大家带来了关于javascript的相关知识,其中主要介绍了DOM与BOM及其区别与用法的相关问题,下面就一起来看一下,希望对大家有帮助 。

完全掌握JavaScript之DOM与BOM的区别与用法

文章插图

【相关推荐:javascript视频教程】
I. 简述:何为DOM,何为BOM?在文章开始之初,我要先提一下笼统地讲,什么是DOM,什么是BOM,因为这篇文章最终面向的是有一定JavaScript基础,但是对DOM和BOM并不了解,甚至不知道的朋友 。
但是,在聊什么是DOM,什么是BOM之前,请容我先把整个的Javascript的结构给大家展示一下:
完全掌握JavaScript之DOM与BOM的区别与用法

文章插图

上面这张图,我们可以看到有四个元素:JavaScript,ECMAScript,DOM和BOM,那么它们四个之间有什么联系呢?用一个式子总结它们之间的关系:
JavaScript = ECMAscript + BOM + DOM
下面我们来一个一个对它们进行一个概述:
ECMAscript:
ECMAScript 是一种由 ECMA国际(前身为欧洲计算机制造商协会)通过 ECMA-262 标准化的脚本程序设计语言,它是JavaScript(简称JS)的标准,浏览器就是去执行这个标准 。
【完全掌握JavaScript之DOM与BOM的区别与用法】ECMAscript更像一个规定,规定了各个浏览器怎么样去执行JavaScript的语法,因为我们知道JavaScript是运行在浏览器上的脚本语言!有了规定,但是我们还缺少与页面中各个元素交互的方式,此时下面的DOM诞生了!

    推荐阅读