xiebiji.com

先看这两句代码：

window.addEventListener(‘load’, loaded, false);

document.addEventListener(‘DOMContentLoaded’, loaded, false);

问题回顾：

这问题可把我郁闷死了，网上找的一个demo里头，他把样式直接用style内联（这种引进方式是dom方式）进来，然后用DOMContentLoaded来处理js，本来是没问题的。

但是当你把内联的样式写在一个外联的样式文件里头然后再进来的时候，问题就出现了。

什么原因？

DOMContentLoaded在外联样式加载前（dom加载完后）就触发了，外联的样式还没来得及渲染dom，这样导致DOMContentLoaded捕获的状态是外联样式渲染前的状态。