是否有不使用框架的 window.onload 的通用替代方案？

Question

在上一个问题中 我了解到 JavaScript 中存在一个与在 DOMReady 事件触发之前在 BODY 元素上使用appendChild 相关的错误。

我可以通过将代码包装在 window.onload 事件中来解决此问题。阅读本文后，我了解到 window.onload 仅支持单个侦听器，并且我不能保证我不会破坏其他人的侦听器，也不能保证其他人的侦听器不会破坏我的侦听器。

查看 $(document).ready(function(){}); 的源代码，我意识到该语法的简单性可能涉及很多内容。

有没有一种通用的方法可以让我在不使用 jQuery 或其他 JS 库的情况下等待 DOMReady 事件？虽然这似乎可以解决问题，但我不希望对第三方库有任何依赖，以便我的代码正常工作。

Answer 1

您可以执行以下操作：

function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }
  }
}

addLoadEvent(nameOfSomeFunctionToRunOnPageLoad);
addLoadEvent(function() {
  /* more code to run on page load */
});

将现有的 onload 包装在带有附加函数的新函数中。这取自 http://www.webreference.com/programming/javascript/onloads/< /a>

但是，对于在文档准备好而不是在加载时执行此操作（不同的事情，加载是在下载所有内容时，而准备是在加载文档时）看看这个问题: <一href="https://stackoverflow.com/questions/799981/document-ready-equivalent-without-jquery">$(document).ready 相当于没有 jQuery

Answer 2

您可以使用：

document.onpageshow= new function() {
//(Code here)
}

您还可以将“onpageshow”替换为“onload”以获得更好的兼容性。

这也可能有帮助：
https://developer.mozilla.org/en/DOM/element.addEventListener