BOM 和DOM 区别

BOM:
浏览器对象模型:window
window对象,js中的顶层对象,所有没有明确隶属对象的变量或函数,都属于window
window的方法,事件
方法:内置全局函数,方法:alert,prompt,confirm,open,close
事件:onload,onscroll,onresize
子对象:document,frames,location,history,navigator,screen
文档 框架 地址 历史 信息 窗口
location:
href,search,hash
reload,assign
history:
length
back,forward,go
navigator:
userAgent

	DOM:
		文档对象模型:document
		页面,只要操作页面,必须要通过document
		js,行为,改变,谁?元素,哪个?选择器,改变什么?节点,属性,内容,样式
		选择器:注意:返回的是单个对象还是伪数组
			元素节点选择器
				document的(直接选择)
				关系选择器
				子元素:children
				父元素:parentNode
			所有节点选择器
				子节点:childNodes
				属性节点:attributes
				关系节点:
		节点的操作:
			节点的类型:nodeType
			节点的名字:nodeName
			节点的值:nodeValue
			注意:每种类型对应的属性的值
			
		属性节点:
			特殊节点(不参与DOM的家族关系)
			attributes
		
		属性:
			内置
				可见
					写在html标签身上的官方提供的属性(title)
					1.对象的语法
					2.attribute系列
				不可见
					没有写在html标签身上的官方提供的属性(innerHTML)
					1.对象的语法
			自定义
				可见
					写在html标签身上的官方没有提供的属性(abc)
					1.attribute系列
				不可见
					将元素节点作为一个对象,添加或删除属性
					对象的语法
		
		元素的操作:
			创建
			删除
			修改
			查:选择器
		
		样式:
			尺寸类
				一般用来获取尺寸,不能用来设置
				
			样式类
				行内:
					操作:元素.style
					只能操作行内,可以设置可以获取
					因为在写样式时都是写非行内,所以这种方式,一般只用来设置
				非行内:
					只能获取,不能设置
					有兼容
					但是不仅可以获取非行内,还可以获取行内
				
				使用行内设置样式,使用非行内获取样式