八、事件绑定函数

function bindEvent(dom, type, fn){
    // 使用能力检测，检测浏览器支持哪种能力
    // 能力检测就是利用：当一个元素读取一个属性的时候，如果能读取到，那么就输出，如果属性不存在就会输出undefined，而不是报错的这个特点
    if (dom.addEventListener) {
        // 存在addEventListener，说明是高级浏览器
        dom.addEventListener(type, fn, false);
    } else if (dom.attachEvent){
        // 说明是IE中的高版本
        dom.attachEvent("on" + type, fn);
    } else {
        // 说明是IE中的低版本或一些不知名的浏览器
        dom["on" + type] = fn;
    }
}

// 调用
bindEvent(box, "click", function(){
    console.log("事件执行了");
});