「最新のHTML5」ブラウザ用の$（document）.ready（）のようなJavascript

Question

これはおそらくすでにどこかで質問になっていますが、1回の検索でjQueryの質問が見つかるため、見つけることができません。

JQueryの$(document).ready()のように、準備ができているドキュメントにバインドするための実証済みのメソッドを探しています。ただし、これは非常に軽いjavascriptを使用する「最新のブラウザのみ」のページ用であり、ここでjQueryをロードすることは避けたいと思います。

誰かが親切に私を正しい方向に向けてくれませんか？

ありがとう！

Answer 1

document.addEventListener('DOMContentLoaded', function () {
    /* ... */
});

イベント "DOMContentLoaded" は、ドキュメントが完全に解析されたとき、つまりスタイルシート*と追加の画像がないときに発生します。画像やスタイルシートを待つ必要がある場合は、代わりに"load"を使用してください。

^{* <script>が<link rel="stylesheet" ...>の前にある場合のみ}