浏览器中的加载顺序

本文讨论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.

你可能感兴趣的:(浏览器)