読み込み時に実行される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
window addEventListener
$(fnction)
ready
$(window).on
