Разница между addEventListener и onload для загрузки скриптов в браузере заключается в том, когда происходит срабатывание событий загрузки. 12

addEventListener используется для обработки события DOMContentLoaded, которое срабатывает на объекте document. 1 Это событие возникает, когда HTML-документ полностью загружен и разобран, без ожидания изображений и стилей. 23

onload связан с событием load на объекте window. 1 Оно наступает, когда загрузилась вся страница, включая стили, картинки и другие ресурсы. 1

Таким образом, addEventListener подходит для ситуаций, когда нужно активировать JavaScript после загрузки только HTML-документа, а onload — для случаев, когда необходима полная загрузка всех ресурсов страницы, включая скрипты. 14