読み込み時に実行されるscriptの実行順

window.onload = function () {
      // 完全に読み込み終わってから実行する処理
      $('header').append("<p> onload");
    }

    $(function () {
      //DOM構築後実行 画像等は待たない
      $('header').append("<p>$(fnction)");
    });

    $(document).ready(function () {
      //DOM構築後実行 画像等は待たない
      $('header').append("<p>ready");
    });

    document.addEventListener('DOMContentLoaded', function () {
      //最初の HTML 文書の読み込みと解析が完了したとき
      $('header').append("<p>addEventListener");
    });
実行順

addEventListener

$(fnction)

ready

onload

js

Posted by 太平洋