Javascript, например $(document).ready() для современных браузеров HTML5

Это, скорее всего, уже вопрос где-то, но я не могу его найти, так как каждый отдельный поиск вызывает вопросы jQuery.

Я ищу проверенный метод привязки к документу, который готов, подобно jQuery $(document).ready(). Тем не менее, это для страницы с "современным браузером", с очень легким javascript, и я бы хотел избежать загрузки jQuery здесь.

Кто-нибудь любезно указал бы мне в правильном направлении?

Ответы

Ответ 1

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

Событие "DOMContentLoaded" будет запущено, если документ полностью проанализирован, без таблиц стилей * и дополнительных изображений. Если вам нужно ждать изображений и таблиц стилей, используйте "load" вместо этого.

^{*, только если <script> находится перед <link rel="stylesheet" ...>}