Day28 - js对象和绑定对象事件

arguments是函数中的隐含对象
通过arguments[0]、arguments[1]可以获得函数的参数
arguments.callee可以获得正在被调用的函数

通过document对象获取页面元素的常用的方法有5个：
document.getElementById('...') == 通过ID获取单个元素
document.getElementsByTagName('...') == 通过标签名获取标签的列表
document.getElementsByClassName('...') == 通过类名获取标签的列表
document.querySelector('...') == 通过样式表选择器获取单个元素
document.querySelectorAll('...') == 通过样式表选择器获取元素的列表

当你知道事件发生是要做什么 但是你不知道事件什么时候发生
在这种情况下通常的处理方式都是绑定一个事件 回调函数（callback）
closeWindow以及下面的匿名函数都属于事件发生时才执行的函数

addEventListener方法的第一个参数是事件名
第二个参数是事件发生时需要执行的回调函数
第三个参数是一个布尔值
如果是true表示事件捕获 - 从外层向内层传递事件
如果是false表示事件冒泡 - 从内层向外层传递事件
一般情况下我们事件处理的方式都是事件冒泡（默认行为）
如果想阻止事件的传播行为可以调用事件对象的stopPropagation 方法

通过事件对象的target属性可以获取事件源（谁引发了事件）
但是有的浏览器是通过srcElement属性获取事件源的
可以通过短路或运算来解决这个兼容性问题
当获取到一个元素之后可以通过它的属性来获取它的父节点、子节点以及兄弟节点
parentNode - 父元素
firstChild / lastChild / children - 第一个元素 、最后一个元素
previousSibling / nextSibling - 前一个兄弟元素 、 后一个兄弟元素