Bom (Browser Object Model)
Browser 对象参考手册
对象描述Window JavaScript 层级中的顶层对象，表示浏览器窗口。Navigator 包含客户端浏览器的信息。Screen 包含客户端显示屏的信息。History 包含了浏览器窗口访问过的 URL。Location 包含了当前 URL 的信息。
BOM的顶层是window对象 。Window 对象表示浏览器中打开的窗口。
如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。
在客户端 JavaScript（浏览器） 中，Window 对象就是全局对象 。 全局对象只是一个对象，而不是类。既没有构造函数，也无法实例化一个新的全局对象。所有的表达式都在当前的环境中计算。 也就是说，要引用当前窗口根本不需要特殊的语法，可以把那个窗口的属性作为全局变量来使用。 例如，可以只写 document ，而不必写 window.document。
Window 对象中五个重要属性： document 对 Document 对象的只读引用。请参阅 Document 对象 。 history 对 History 对象的只读引用。请参数 History 对象 。 location 用于窗口或框架的 Location 对象。请参阅 Location 对象 。 Navigator 对 Navigator 对象的只读引用。请参数 Navigator 对象 。 Screen 对 Screen 对象的只读引用。请参数 Screen 对象 。
Tips:JavaScript 中只能通过引用访问对象(详细看对象的引用与废除机制 )
Dom (Document Object Model)
HTML DOM 对象参考手册
对象 描述 Document 代表整个 HTML 文档，可被用来访问页面中的所有元素 Anchor 代表 <a> 元素 Area 代表图像映射中的 <area> 元素 Base 代表 <base> 元素 Body 代表 <body> 元素 Button 代表 <button> 元素 Event 代表某个事件的状态 Form 代表 <form> 元素 Frame 代表 <frame> 元素 Frameset 代表 <frameset> 元素 Iframe 代表 <iframe> 元素 Image 代表 <img> 元素 Input button 代表 HTML 表单中的一个按钮 Input checkbox 代表 HTML 表单中的复选框 Input file 代表 HTML 表单中的文件上传 Input hidden 代表 HTML 表单中的隐藏域 Input password 代表 HTML 表单中的密码域 Input radio 代表 HTML 表单中的单选按钮 Input reset 代表 HTML 表单中的重置按钮 Input submit 代表 HTML 表单中的确认按钮 Input text 代表 HTML 表单中的文本输入域（文本框） Link 代表 <link> 元素 Meta 代表 <meta> 元素 Object 代表 <Object> 元素 Option 代表 <option> 元素 Select 代表 HTML 表单中的选择列表 Style 代表单独的样式声明 Table 代表 <table> 元素 TableData 代表 <td> 元素 TableRow 代表 <tr> 元素 Textarea 代表 <textarea> 元素
DOM的顶层是document对象。每个载入浏览器的 HTML 文档都会成为 Document 对象。Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。
参考和引用：
HTML DOM参考手册 JavaScript中的BOM和DOM javascript bom和dom介绍
