js中的BOM于DOM

JavaScript分为ECMAScript，DOM，BOM

	JavaScript 能够改变页面中的所有 HTML 元素
	JavaScript 能够改变页面中的所有 HTML 属性
	JavaScript 能够改变页面中的所有 CSS 样式
	JavaScript 能够对页面中的所有事件做出反应 

BOM(Browser Object Model)是指浏览器对象模型，这个对象就是window，(window对象介绍，内置对象location/history/navigator及方法，window对象就是浏览器内置的一个对象，相当于BOM的一个抽象)BOM提供了独立于内容而与浏览器窗口进行交互的对象，

*Window对象方法： *
alert()：弹出一个警告框
confirm()：弹出一个确认框
prompt()：弹出一个提示框
open()：打开一个新窗口
scrollTo()：滚动到指定位置
setTimeout()和clearTimeout()、setInterval()和clearInterval()设置和停止定时器

DOM(Document Object Model)是指文档对象模型，通过它，可以访问HYML文档的所有元素，当页面加载时，浏览器会创建页面的文档对象模型。HTML DOM定义了用于HTML的一系列标准的对象，以及访问和处理HTML文档的标准方法通过DOM，可以访问所有的HTML元素，连同它们所包含的文本和属性。

*DOM树节点： *
元素节点，文本节点，属性节点：
文本节点，属性节点为元素节点的两个子节点；
通过getElment系列方法，可以去到元素节点；

*查看节点： *
getElementById：通过id获取唯一的节点；多个同名ID只会取到第一个；
getElementByName：通过name取到一个数组，包含1到多个节点；

*js修改样式总结 *
1、.className:为元素设置一个新的clas名字；
div1.className=“class1”;
2、.style：为元素设置新的样式，注意驼峰命名法；
div1.style.backgroundColor=“red”;
3、.style.cssText:为元素同时修改多个样式；
div1.style.cssText=“width:100px;height:100px”;

**查看节点 **
1.tagname：获取节点的标签名；
2.innerHTML：设置或者获取节点内部的所有HTML代码；
3.innerText：设置或者获取节点内部的所有文字；