BOM(Browser Object Model)
浏览器对象模型
window尺寸
window.innerHeight 高
innerWidth 宽(可视区域)
对于IE8.7.6.5
document.documentElement.clienHeight
.clienWidth
或
document.body.clientHeight
.clientWidth
滚动跳转scrollBy和scrollTo
scrollBy(x,y) 内容滚动...像素
scrollTo(x,y) 内容滚动到指定的坐标
循环
setInterval(code,millisec[,"lang"]
按照指定周期,调用函数表达式。可以无限次循环。
clearInterval()
清楚调用事件
setTimeOut(code,millisec)
在指定毫秒后调用函数表达式。执行1次。
clearTimeOut
清楚。。。
时间单位为毫秒,1000毫秒=1秒
history
对象:length
方法:back() 加载前一个URL
forward() 加载下一个URL
go() 加载具体页面
open和close不会产生history
DOM(Document Object Model)
文本对象模型
HTML DOM树
HTML DOM是关于如何获取、修改、添加或删除HTML元素的标准。
一切皆对象:
getElementById()元素
getElementByName()集合 name不唯一--数组
getElementByTagName()返回带有指定标签名的对象的集合
getElementByclassName()返回类还需要继续查找具体的元素"[0]"
不区分大小写,返回元素的顺序使他们在文档中的顺序。
一些常用的 HTML DOM 属性
innerHTML - 节点(元素)的文本值
parentNode - 节点(元素)的父节点
childNodes - 节点(元素)的子节点
attributes - 节点(元素)的属性节点
innerHTML 属性
获取元素内容的最简单方法是使用 innerHTML 属性。
innerHTML 属性对于获取或替换 HTML 元素的内容很有用。
nodeName 属性
nodeName 属性规定节点的名称。
nodeName 是只读的
元素节点的 nodeName 与标签名相同
属性节点的 nodeName 与属性名相同
文本节点的 nodeName 始终是 #text
文档节点的 nodeName 始终是 #document
注释:nodeName 始终包含 HTML 元素的大写字母标签名。
nodeValue 属性
nodeValue 属性规定节点的值。
元素节点的 nodeValue 是 undefined 或 null
文本节点的 nodeValue 是文本本身
属性节点的 nodeValue 是属性值
增删改查
增:append insert
删:remove
改:replace
查:获取
NODE属性
nextsiBling:下一个兄弟节点
previousSibling:上一个兄弟节点
节点中文 nodetype节点类型 nodename节点名 nodevalue节点值
元素 1 tagName null
属性 2 attr 属性值
文本 3 #text 文本值
注释 8 #comment 注释文字
文档 9 #document null
creatElement创建元素
creatTextNode创建文本内容