温故ES5知识(2)

BOM

1. window对象：innerWidth/innerHeight, outerWidth/outerHeight 前者返回页面视图大小，后者返回浏览器窗口本身
   document.documentElement.clientWidth等是在标准模式下有效
   document.body.clientWidth是在混杂模式下
2. location对象
   属性：hash, host，hostname, href, pathname , port ,search ,protocol使用协议
   方法：location.assgin,location.href
3. navigatror对象，screen对象，history对象...

DOM

node类型

每个节点都有一个nodeType,nodeName,childNodes,parentNode,ownerDocument
同胞节点属性：previousSibling,nextSibling; 父节点->firstChild,lastChild
常见方法：insertBefore(a,b),appendChild();replaceChild(),removeChild(),cloneNode()

document类型

属性：documentElement/ body /title / URL / domain / referrer
查找元素：getElementById(),getElementsByTagName(),getElementsByName()
特殊集合：document.anchors包含所以带name的a标签
forms所有表单，images/links所有带href的a标签

element类型

属性：tagName,id,title,className,attributes
方法：getAttribute(),setAttribute(),removeAttribute()
document.createElement()
document.createTextNode()

DOM扩展

元素遍历：childElementCount, firstElementChild, lastElementChild, previousElementSibling ...(不用担心空白文本节点)
getElementsByClassName(), classList.add / remove /toggle /contains()
children属性是childNodes的扩展element.children[0]
event.target是指事件的目标对象，而currentTarget是监听处理的目标目标对象
mouseenter/mouseleave光标到子元素上不会出发
mouseover/mouseout