事件（鼠标，键盘，表单，文档，图片，其他），事件的捕获和冒泡，事件的绑定
对象（属性，方法），event，bom,dom
回顾
1. String
属性
length
方法
indexOf()
lastIndexOf()
substr(start, length)
substring(start, end)
slice(start, end)
split()
toUpperCase()
toLowerCase()
replace(旧，新)
trim()
search() 返回第一次匹配的位置 否则 -1
match() 返回数组 第一次匹配的内容 和 位置
2. Number
属性
Number.MAX_VALUE
Number.MIN_VALUE
方法
toFixed() 取整，保留指定位数的小数
toString() 转为字符串 指定进制
3. 数组
# 创建数组
var list = []
var list = new Array()
# js数组特点
索引是连续
稀疏数组
# 添加元素
list.push()
list.unshift()
list.splice(offset, 0, 新元素)
# 删除元素
list.pop()
list.shift()
list.splice(offset,length)
# 修改元素的值
list[offset] = 新值
list.splice(offset, lenght, 值1，值2...)
# 数组对象的属性
length
# 数组对象的方法
push()
pop()
shift()
unshift()
splice()
reverse()
sort()
join() 把数组拼接成字符串
concat() 拼接数组
indexOf()
lastIndexOf()
forEach(callback) 遍历
map(callback) 返回一个新的数组
filter（callback） 返回一个新的数组
every(callback) 返回布尔值
some(callback) 返回布尔值
reduce(callback(prev, val, index)) 累计运算
#数组遍历
for 循环
for in
list.forEach
4 类数组对象
NodeList(元素的列表) \ arguments
遍历类数组对象
for 循环
[].forEach.call(类数组对象, function(){})
5 RegExp
# 定义正则
var r = /^\w$/
#正则方法
r.test(string) true/false
r.exec(string) 数组
6 Function
函数本身也是对象
f.call(对象，...)
f.apply(对象， 数组)
7 Math
#属性
Math.PI
#方法
Math.abs()
Math.pow()
Math.max()
Math.min()
Math.ceil() 进位取整 天花板
Math.floor() 舍位取整 地板
Math.round() 四舍五入
Math.random() 取随机数 0~1 顾头不顾尾
8 Date
new Date() 默认当前的时间
方法
getFullYear()
getMonth() +1
getDate()
getDay()
getHours()
getMinutes()
getSeconds()
getMilliseconds()
getTime()
getUTC...
set...
setUTC..
setTime()
day14
笔记
1. 事件
1.1 事件绑定
# 写在html元素中
<button onclick="code..."></div>
# 把事件当做元素对象的方法
btnEle.onclick = function(){
}
# 事件监听
btnEle.addEventListener('click', function(){
}, false) fasle表示 冒泡阶段触发（默认）
1.2 事件的捕获和冒泡
捕获阶段： 从祖先元素 到 子元素
冒泡阶段： 从子元素 到 祖先元素
事件默认在冒泡阶段触发
1.3 常用事件
# 鼠标事件
click 单击
dblcick 双击
contextmenu 右击
mouseenter mouseover 鼠标悬停
mouseleave mouseout 鼠标离开
mousedown 鼠标按键按下
mouseup 鼠标按键抬起
mousemove 鼠标移动
# 键盘事件
keydown 键盘按键按下
keyup 键盘按键抬起
keypress 按键按下 只有可输入的按键才能触发
# 表单事件
blur 失去焦点
focus 获取焦点
submit 提交 绑定给form元素
reset 重置 绑定给form元素
select 输入框内容被选中
change 内容改变切失去焦点 适合select 选项以改，触发
input 输出内容改变 触发
# 文档事件
load 绑定给body 绑定给window 绑定给 img 、link、script 文档加载完成
unload 文档关闭
beforeunload 文档关闭之前
# 图片事件
load 图片加载完毕
error 图片加载错误
abort 图片加载中断
# 其他事件
scroll 滚动
resize 大小调整
1.4 Event对象 事件对象
属性
clientX 鼠标的坐标
clientY 鼠标的坐标
keyCode 键盘的按键 ascii码
button 鼠标按键 0 1 2
target 返回元素 具体触发的元素
方法
stopPropagation() 阻止事件冒泡
preventDefault() 阻止元素的默认事件
2. BOM 浏览器对象模型
2.1 window
#属性
window.innerWidth 窗口的宽
window.innerHeight 窗口的高
history
location
screen
navigator
# 方法
setInterval()
clearInterval()
setTimeout()
clearTimeout()
Number()
String()
Boolean()
alert()
confirm()
prompt()
2.2 history
属性
length
方法
back() 后退一步
forward() 前进一步
go(1) 前进/后退 n 步
2.3 location
属性
href
protocol
host
hostname
port
pathname
search
hash
2.4 screen
屏幕
2.5 navigator
属性
userAgent
3. DOM 文档对象模型
3.1 常见的dom对象
所有的元素对象 都是dom
document dom对象 表示整个文档
document.body 获取body元素
document.documentElement 获取HTML元素
3.3 元素内容
innerHTML
innerText
