JS基础知识(三)——BOM,DOM
w3c规则,ie的盒模型
一、闭包
函数可以访问向上函数作用域的变量
二、BOM-浏览器对象模型
- 将HTML构建成一个DOM树,DOM树的构建过程是一个深度遍历的过程:当前节点的所有子节点都构建好后才会去构建当前节点的下一个兄弟节点。
- 将CSS解析成CSS去构造CSSOM(CSS Object Model,CSS对象模型)树。
- 根据DOM树和CSSOM来构造Rendering Tree(渲染树)。
注意:Rendering Tree渲染树并不等同于DOM树,因为一些像Hender或display:none的东西就没必要放在渲染树中了。
(一)BOM内的Window对象
- screenLeft(属性):屏幕左边,返回窗口相对于屏幕的x坐标
- screenTop:返回窗口相对于屏幕的y坐标
- screenX(IE)
- screenY(IE)
- alert:出现警告
alert("警告内容");--加引号
- prompt:可输入内容的对话框
prompt("框上说明"(可无));
- confirm:取消一个对话框
- setTimeout,setInterval(时间单位为毫秒)
setTimeout:一段时间后执行所给函数
setTimeout ( functionname / function ( ) { 函数体 } , 多少毫秒后执行 )
setInterval:每隔一段时间执行所给函数 - clearTimeout,clearInterval:删除定时器
var time=setTimeout( , );clearTimeout(time);
(二)Location对象
- hash属性:设置或返回从井号 (#) 开始的 URL(锚)。
- host属性:设置或返回主机名和当前 URL 的端口号。
- href属性:设置或返回完整的 URL。
- port属性:设置或返回当前 URL 的端口号。
- assign方法:加载新的文档
三、DOM-文档对象模型(->HTML)
document object model
- 独立于平台和语言的接口(不仅在js可用)
- 通过他与文档进行连接
- 运行程序和脚本动态的访问和更新
- 节点:任一内容均可成为节点:元素节点,文本节点,属性节点,注释节点……
可以将一个HTML文档转变成一个DOM树
(元素节点不包括文本节点)
(一)节点访问
DOM节点关系
- childNodes:子节点的集合/数组
var oItems = document.body.childNodes;
for(var i;i<oItems;i++)
{
c