/note/social

JQueryを使わずに$(document).ready(...)を実現したい

目的としては、JQueryを使わずに$(document).ready(...)と同じ挙動、つまりDOM構築完了までスクリプトの実行を待機させたい的な要件。

JQuery使えばいいやんけという話ではあるが、一応。

DOMContentLoaded - Web 技術のリファレンス | MDN

↑によると、documentのイベントリスナーに「DOMContentLoaded」を追加してあげればよい。

document.addEventListener("DOMContentLoaded", function(event) {
  console.log("DOM fully loaded and parsed");
});

実際、JQueryにも同じ処理が書かれていた。

https://code.jquery.com/jquery-2.2.3.js