ブラウザでのロード順序

1900 ワード

この論文では,Windowのload,documentのstart,end,idleなどのイベント間のロード順序について論じる.そしてJQuery(document).ready()
1,document.レディーとウィンドload
document.readyイベントとは、Webページ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.