准备状态多次改变

Question

我使用此方法设置页面加载时的功能。

它工作正常但我想实际上在不同的页面上调用各种功能集。问题是每次我包含此代码都会覆盖前一个代码，因此在页面加载时只启动一个函数。

document.onreadystatechange = function () {
  var state = document.readyState
  if (state == 'interactive') {

  } else if (state == 'complete') {
    myFunc();
  }

}

那么我如何添加函数而不是每次为onreadystatechange创建一个新函数？

Answer 1

如果我理解正确，您需要document.addEventListener()。此方法允许您为同一事件分配多个函数。

在MDN上找到的信息和示例代码的组合：

document.addEventListener('readystatechange', function(evt) {
  switch (evt.target.readyState) {
    case "loading":
      // The document is still loading.
      break;
    case "interactive":
      // The document has finished loading. We can now access the DOM elements.
      break;
    case "complete":
      // The document and all sub-resources have finished loading.
      myFunc();
      break;
  }
}, false);