Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.71/7: Рейтинг темы: голосов - 7, средняя оценка - 4.71
36 / 34 / 12
Регистрация: 04.06.2014
Сообщений: 220
1

В чем разница в работе element.onload и element.addEventListener('load')

04.05.2018, 15:35. Показов 1313. Ответов 1
Метки нет (Все метки)

Столкнулся с интересным поведением js которое ввело меня в ступор.
Есть обычная html страница

Эта запись работает
Javascript
1
2
3
document.body.onload = function() {
     console.log('onload')
}
Эта запись не работает
Javascript
1
2
3
document.body.addEventListener('load', function() {
      console.log('listener load')
})
Вопрос почему? Разве это не обработчики одного и того же события, просто записанные в разной форме?
Я знаю что можно повесить обработчик на window и скорее всего это самый правильный путь, но интересно почему одна запись работает, а другая нет?? *_* Если у body есть onload значит addEventListener('load') тоже должен отработать
__________________
Помощь в написании контрольных, курсовых и дипломных работ здесь
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
04.05.2018, 15:35
Ответы с готовыми решениями:

события window.focus/blur/beforeunload, element.load/error не работаю
почему? window.beforeunload = function(){ confirm("Вы уверенны что хотите покинуть эту...

Window.onload/addEventListener
Почему второй обработчик срабатывает сразу при загрузке страницы, а не при клике, как первый? Что...

Dom element:after
Как получить элемент созданный через метод ::after?? например .class{something:1;} .class:after{Как...

Element не определен в IE8
При работе полифилла в IE8 возникает ошибка что Element не определен. if(...

1
dev - investigator
Эксперт JSЭксперт HTML/CSS
2143 / 1489 / 651
Регистрация: 16.04.2016
Сообщений: 3,695
04.05.2018, 23:44 2
shaman92, потому что у document.body есть свойство onload и нет метода addEventListener
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
04.05.2018, 23:44

Element A specified by TXT was not found
На фото 1 код, который работает, обратите внимание на 17 строку, а когда я вставляю рабочий код в...

Replace Div element , как сделать?
Привет друзья! Нужно помощь. Как к примеру заменять div элемент на другой код, к примеру: Искать...

GetComputedStyle on 'Window': parameter 1 is not of type 'Element'. at Ascroll
Помогите! Имеется следующая ошибка sticky-lesson-from.js?ver=4.8.1:24 Uncaught TypeError:...

Объясните разницу между объектами element и HTMLElement
объясните пожалуйста разницу между объектами Element и HTMLElement, никак не могу разобраться... и...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2022, CyberForum.ru