一、JavaScript实现
1、一个完整的JavaScript包含三个部分组成：
1）ECMAScript 核心
2）DOM文档对象模型
3）BOM浏览器对象模型
2、文档对象模型（DOM）
文档对象模型是针对XML单经过扩展用户HTML的应用程序编程接口。DOM 把整个页面映射为一个多层节点结构。HTML或XML页面中的每个组成部分都是某种类型的节点，这些节点又包含不通类型的数据。
通过DOM创建的这个表示文档的树形图，开发人员借助DOM的API可以自如的增删改查任何节点。
DOM级别：
DOM1级由两个模块组成：DOM核心（DOM Core）和DOM HTML。其中DOM核心规定的是如何映射基于XML的文档结构，以便简化对文档中任意部分的访问和操作。DOM HTML模块则在DOM核心的基础上加以扩展，添加了针对HTML的对象和方法。
DOM2级增加了鼠标和用户界面事件、范围、遍历（迭代DOM文档的方法）等细分模块，而且通过对象接口增加了对CSS的支持。
DOM3引入统一方式加载和保存文档的方法。
3、浏览器对象模型BOM
从根本上讲，BOM只处理浏览器和框架，但是人们习惯上也把所有针对浏览器的JavaScript扩展算作为BOM的一部分。如：
弹出新浏览器窗口的功能；
移动、缩放和关闭浏览器窗口的功能；
提供浏览器详情信息的navigator对象；
提供浏览器所加载页面的详细信息的location对象；
提供用户显示器分辨率详细信息的screen对象；
对cookies 的支持；
像XMLHttpRequest和IE的ActiveXObject这样的自定义对象。