一、BOM 二、DOM

一、BOM(window对象)
###<1>window属性对象
window.location 当前浏览器的地址对象
window.history 浏览器访问过的地址对象
window.open()/close():打开或者关闭一个浏览器窗口
window.document:文档对象,HTML页面

###<2>window的弹框
void alert()
var boolean = confirm("提示信息")
var str = prompt("提示信息","默认值")

###<3>window的定时器
setInterval(回调函数,时间间隔)/clearInterval() 周期性定时器
setTimeout()/clearTimeout() 一次性定时器

# 练习
编写跑马灯效果,改变字体的颜色
轮播图效果
主页时间动态显示

# 二、DOM(document对象)
Document:加载的整个HTML文件,其被封装成了document对象
Element:标签
Text:标签中间的文本内容
Attribute:开始标签中的属性
document中的各种内容统称为节点,node

###<1>获取元素对象
getElementById(eleid) 通过标签的id获取元素对象
getElementsByName(namevalue) 通过标签的name属性值获取一个元素列表对象
getElementsByTagName(lablename) 通过标签的标签名称获取一个元素列表对象

###<2>访问节点,创建节点,删除节点
1. 判断当前节点的类型
nodeName
nodeValue
nodeType

2. 设置节点的文本内容
innertHTML
value

3. 访问
firstChild
lastChild
childNodes
parentNode
4. 创建和删除
createElemet("节点名称");

父节点对象.removeChild(节点对象);
父节点对象.appendChild(节点对象);

###<3>event对象
获取事件源:
var eventObj = e.srcElement || e.target;

取消冒泡机制:
eventObj.cancelBubble = true;
eventObj.stopPropagation();

猜你喜欢

转载自www.cnblogs.com/sumboy/p/9058637.html