浏览器中JavaScript脚本代码的load、ready等方法的加载顺序

本文讨论Window的load，document的start、end、idle等事件之间的加载顺序。以及JQuery（document）.ready()

1，document.ready和Window.load

document.ready事件指的是网页dom（主体，不含src，link，和图片之类）的对象,加载完成。

window.load 指的是所有的对象，包含dom，包含src,link和图片对象。

<html>
  <head>
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script>
      $(document).ready(function() {
        console.log("document loaded");
      });
      $(window).load(function() {
        console.log("window loaded");
      });
    </script>
    </head>
    <body>
      <iframe src="http://www.baidu.com"></iframe>
    </body>
</html>

上述代码，先出现document.loaded ,后出现window loaded

可以参见：http://stackoverflow.com/questions/588040/window-onload-vs-document-onload

window.onload

By default, it is fired when the entire page loads, including its content (images, css, scripts, etc.)
In some browsers it now takes over the roll of document.onload and fires when the DOM is ready as well.

document.onload

It is called when the DOM is ready which can be prior to images and other external content is loaded.