DOM.BOM知识点

DOM:Document Object Model 文档对象模型
文档：html页面
文档对象：页面中的元素
文档对象模型：定义为了能够让程序（JS）去操作页面中的元素
DOM会把文档看做是一棵树，同时定义了很多方法来操作这棵树中的每一个元素（节点）
DOM节点：
getElementById
getElementsByTagName
getElementsByClassName
document
document.body
childNodes: 只读，子节点列表集合;
标准下：包含了文本和元素类型的节点,也会包含非法嵌套的子节点
非标准下：只包含了元素类型的节点，ie7以下不会包含非法嵌套的节点
DOM节点的类型有很多种：12种
元素.nodeType可以查看是什么属性的节点
元素节点：1
属性节点：2
文本节点：3
属性：
元素.attributes:属性列表集合，只读属性
children:只读属性子节点集合
标准下：只包含元素类型的节点
非标准下：只包含元素类型的节点


Form表单：
onsubmit; elem.onsubmit=function(){ 判断：// 如果数据正确调用：submit()提交表单};
onrest; 重置表单；

=========================================================================
BOM:浏览器对象模型（Browser Object Model）;
window.open(); //也可以简写为open(); 打开一个新的窗口；
open(页面的url,打开的方式，打开页面的)
如果url为空，则默认打开一个空白页面；
如果打开方式为空；则默认为新窗口；
返回值：返回新打开的窗口的window对象
close() 方法 关闭窗口；//不同的浏览器有不同的处理方式；
1.ff：默认无法关闭
2.chrome：默认直接关闭
3.ie 询问用户
可以关闭在本窗口通过代码打开的窗口；
window.navigator.userAgent();//得到浏览器的信息；
用来判断用户浏览器的版本，来执行代码；
window.location: 浏览器地址栏的信息；
1.window.location.href
2.window.location.search：url？后面的内容
3.window.location.hash: url#后面的内容
---------------------------------------------
重点：获取窗口信息：
可视区域的尺寸：
document.documentElement.clientWidth //返回可视区宽度
document.documentElement.clientHigeht //返回可视区高度
滚动条滚动距离：
document.documentElement.scrollTop; //返回滚动条距离浏览器顶部的高度 、
document.documentElement.scrollLeft; //返回滚动条距离浏览器坐标的距离
兼容问题:
var scrollTop=
document.documentElement.scrollTop||document.body.scrollTop
内容高宽度：
odiv.scrollHeight(odiv.scrollWidth)
文档高宽度: offsetHeight
window.body.offsetHeight;
--------------------------------------
onscroll:当滚动条滚动的时候触发；
onresize:当窗口大小发生改变的时候触发；
按时间来计算触发次数