Как сделать, чтобы скрипт выполнялся после загрузки страницы?
Если нет крайней необходимости ждать полной загрузки страницы: изображений, видео, etc (что бывает крайне  редко), а достаточно дождаться, пока браузер загрузит DOM (проще говоря, структуру HTML), то используйте  событие "DOMContentLoaded":document.addEventListener('DOMContentLoaded', function(){

    // весь ваш код тут

}, false);Второй вариант, который рекомендует тот же Google, это разместить все JS-скрипты в конце документа. Например, перед закрывающим тегом </body>
Если нет крайней необходимости ждать полной загрузки страницы: изображений, видео, etc (что бывает крайне  редко), а достаточно дождаться, пока браузер загрузит DOM (проще говоря, структуру HTML), то используйте  событие "DOMContentLoaded":document.addEventListener('DOMContentLoaded', function(){

    // весь ваш код тут

}, false);Второй вариант, который рекомендует тот же Google, это разместить все JS-скрипты в конце документа. Например, перед закрывающим тегом </body>