3.Javascrip-BOM学习笔记

BOM 浏览器对象模型

window 顶级对象
包含：
	document
	location
	navigation
	screen
	history

常见事件

load:页面加载事件，页面完全加载完毕
DOMContentLoaded ：文档内容加载完毕，不包含css 图片 flash
resize :窗口大小变化事件

定时器：

setTimeout 延迟固定时间执行
	window.clearTimeout(timeobj)
setInterval 间隔固定时间执行
	window.clearInterval(timeid)

this:指向是那个对象调用它的对象

location:获取或者设置窗体的url

	属性：
		location.href 获取整个url
		location.search 返回参数
	案例：5秒跳转页面
	常用方法：
		location.assign()  跳转页面
		location.replace() 替换url,无法后退
		locaiton.reload  刷新

navigator:浏览器信息，常用user-agent 客户端身份

histroy:

	back:后退
	forword:前进
	go(index) 前进或者后退 eg:1 前进一个页面 -1 后退

同步或者异步
	先执行主线程，在执行子线程

元素偏移；

offset；偏移的值，不带单位

	e.offsetParent 返回带有定位的父级对象
	e.offsetTop 距离定位父级的顶部距离
	e.offsetLeft 距离定位父级的左侧距离
	e.offsetWidth 返回自身宽度，包含padding border 内容宽度
	e.offsetHeight

style: 样式，只读

	style.width:内容宽度，带单位

client:客户端 不带单位

	e.clientTop 返回元素上边框的大小
	e.clientLeft 同理
	e.clientWidth 返回元素宽度，包含padding
	e.clientHeight 同理

scroll 滚动 不带单位

	e.scrollTop  返回滑出的距离
	e.scrollLeft  返回左侧滑出的距离
	e.scrollWidth 返回实际宽度 不含边框
	e.scrollHeight 同理
window.pageXOffset	返回页面滑动的距离

mouseenter mouseover 区别

鼠标经过触发mouseenter，对应mouseleave鼠标离开
mouseover经过自身盒子触发，子盒子也触发