2020/6/1 BOM模型和DOM模型

Posted 2020-12-07 luzhijin

1.window对象的常用方法

　　警示弹窗：window.alert(); 

　　确认弹窗：window.confirm();  返回值是bool类型可以用if语句判断true/false

　　提示输入框：window.prompt(); 注意：返回值类型是字符串，如果需要计算需要进行类型转换

　　设置定时器：setInterval(你要调用的方法，每隔多少毫秒调用一次)

　　删除定时器：clearInterval();

2.跳转

　　location.href="文档所在地址的URL地址"；

3.DOM模型

　　使用getElementById方法查找元素：1.通过document.getElementById获取到js对象

　　　　　　　　　　　　　　　　　　2.获取对象后可以通过获取元素节点的属性节点的值=js对象.value（属性名）

　　　　　　　　　　　　　　　　　　3.获取元素节点的文本节点的值=js对象.innerhtml;

　　页面加载完成后执行window.onload=function(){

　　　　　　　　　　　　　　需要页面加载完成后执行的代码

　　　　　　　　　　　　}

　　注意：window,onload一个页面只能写一个

　　通过节点关系查找html元素：    获取父节点：parentNode

　　　　　　　　　　　　　　　    获取当前节点的前一个兄弟节点：previousSibling

　　　　　　　　　　　　　　　　获取当前节点的后一个兄弟节点：nextSibling

　　　　　　　　　　　　　　　　获取当前节点的所有子节点：childNodes   注意：是数组类型

　　　　　　　　　　　　　　　　获取当前节点的第一个子节点：firstChild

　　　　　　　　　　　　　　　　获取当前节点的最后一个子节点：lastChild

　　　　　　　　　　　　　　　　返回当前节点的具有指定标签名的所有子节点：getElementsByTagName(tagName)  注意：是数组类型