1、BOM 2、DOM

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

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

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

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

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

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

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

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();事件

相关文章
相关标签/搜索