一个完整的javascript实现应该有下列三个不同部分组成：
ECMAScript：提供核心语言功能,是核心，规定了这们语言的书写规范；
var jd=“京东商城”;
DOM：提供访问和操作网页内容的方法和接口,(document object model 简称DOM 文档对象模型)
var oDiv=document.getElementById("div1");oDiv.innerText="现在已经被我占领了";
BOM：提供与浏览器交互的方法和接口；BOM最蛋疼的部分是没有统一的标准；从根本上讲BOM只处理浏览器窗口和框架,(browser object model 简称 BOM 浏览器对象模型)
windows.location.href
WEB浏览器只是ECMA的宿主环境之一，也可以不依赖浏览器，比如宿主环境可能还包括Node和Adobe Flash；
ECMAScript规定了Javascript这门语言的组成部分；
主要规定了语法、类型、语句、关键字、保留字、操作符、对象；
文档对象 模型把整浏览器页面映射为一个多层节点结构，页面中每个组成部分都是某种类型的节点，这些节点又包含了不同类型的数据；
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>这是显示在浏览器选项卡上的文字标题</title></head><body> <div id="page">您好啊，我是HTML</div></body></html>
HTML页面，通过DOM可以看成树形图，借助DOM提供的API，可以轻松的增删改查；下面是几个标签的层级关系
<!DOCTYPE html><html> <head> <!--meta标签是head的儿子，是title的哥哥--> <meta charset="UTF-8"> <!--titles head的儿子，是meta的弟弟--> <title>这是显示在浏览器选项卡上的文字标题</title> </head> <!--body标签是html的儿子，是head的弟弟，是id=page这个div的父亲--> <body> <!--div标签是body的儿子--> <div id="page">您好啊，我是HTML</div> </body> <!--html是head和body的父亲--></html>
DOM目前分为三个级别；DOM1级，DOM2级，DOM3级；
XML infoset，Xpath 和 XML Base。原文：https://www.cnblogs.com/jiaweixie/p/axihe.html