Запуск скрипта после загрузки страницы

Варианты запуска кода после загрузки страницы можно разделить на 2 основные группы:

1. Запуск после того, как загружен HTML и построено дерево DOM

Скопировано
document.addEventListener( 'DOMContentLoaded', ()=> {
// код
}, false);
Показать код

или при подключенном jQuery так

Скопировано
jQuery(document).ready( function($) {
// код
});
Показать код

2. Запуск после окончательной загрузки всех ресурсов

Скопировано
window.addEventListener( 'load', ()=> {
// код
});
Показать код

или при подключенном jQuery так

Скопировано
$(window).on( 'load', function() {
// код
});
Показать код

И совсем отложенный вариант, который запустится через 1 секунду после того, как пользователь начнет прокручивать страницу:

Скопировано
let fired = false;
window.addEventListener( 'scroll', () => {
	if( fired === false ) {
		fired = true;
		setTimeout( () => {
			// код
		}, 1000 )
	}
});
Показать код