Archives 5月 2020

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

 



  jQuery(function ($) {
  // その他の処理
    $(window).on("load", function() {
    // 画像等全て読み終えた時の処理
      var h = $('.color-v img').height();
      console.log(h);
    });
  });

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

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

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

    window.addEventListener('load', function() {
         $('header').append("window addEventListener");
    });


// 特定の要素を読み込んでから実行
  const MAX_RETRY_COUNT = 10;  //待ち時間上限
  var retry_counter = 0;
  var set_interval_id = setInterval(findTargetElement, 1000);
   function findTargetElement() {
      retry_counter++;
      // 要素がMAXリトライ値になっても見つからない場合、インターバルを削除
      if(retry_counter > MAX_RETRY_COUNT ) {
          clearInterval(set_interval_id);
      }
                                                          // 読み込みを待つ要素名
      var diff_container_elements = document.getElementsByClassName('new_pl_9');
      if(diff_container_elements.length > 0) {
          clearInterval(set_interval_id);
          // ここにやりたい処理を書く

      }       
   }

 
実行順

addEventListener

window addEventListener

$(fnction)

ready

$(window).on