javascript - 正确绑定(bind) Javascript 事件

Question

我正在寻找最合适、最有效的方法来绑定(bind)Javascript事件；特别是 onload 事件(我希望该事件发生在页面和所有元素(例如图像)加载之后)。我知道在 jQuery 中有一些简单的方法可以做到这一点，但我想要更有效的原始 Javascript 方法。

Answer 1

有两种不同的方法可以做到这一点。只有一个可以工作；哪一个取决于浏览器。这是一个使用两者的实用方法:

function bindEvent(element, type, handler) {
   if(element.addEventListener) {
      element.addEventListener(type, handler, false);
   } else {
      element.attachEvent('on'+type, handler);
   }
}

就您而言:

bindEvent(window, 'load', function() {
    // all elements such as images are loaded here
});