javascript DOMContentLoaded jquery准备好了

Posted 2021-05-04

document.addEventListener("DOMContentLoaded", function(event) {
      console.log("DOM fully loaded and parsed");
  }); //兼容ie9及以上

  for(var i=0; i<1000000000; i++){
      // 这个同步脚本将延迟DOM的解析。
      // 所以DOMContentLoaded事件稍后将启动。
  } 
  
  
在IE8中,可以使用readystatechange事件来检测DOM文档是否加载完毕.
在更早的IE版本中,可以通过每隔一段时间执行一次document.documentElement.doScroll("left")来检测这一状态，
因为这条代码在DOM加载完毕之前执行时会抛出错误(throw an error)。

诸如jQuery这样的通用JS库，会提供跨浏览器的方法来检测DOM是否加载完成。
也有其他专门实现该功能的脚本:contentloaded.js (只能添一个时间监听函数)
以及jquery.documentReady.js (并不依赖jQuery,虽然名字中有jquery).