Какие элементы HTML5 имеют событие onload / load?

MDN Mozilla информирует о загрузить событие с помощью этой заглушки:

The load event is fired when a resource and its dependent resources have finished loading.

и ссылки на

стандарт 1, информирующий

Trusted Targets: Window, Document, Element

Похоже, что связанный обработчик onload и событие load, следовательно, предназначены для работы с Element. Кажется, таким элементом является <img>, чтобы указать на загрузку этого.

Обратите внимание, что теперь событие load в окне / документе указывает также состояние загрузки содержащихся в нем элементов. но некоторые Элемент могут

а) изменить их свойство src / href (<img>, <script>, <link>, ....) б) или их встроенное содержимое (<style>, <script>)

динамически в более позднем состоянии.

С этим вопросом мне нужна помощь, чтобы узнать, «какие элементы поддерживают событие load, onload.Handler.

Я тестировал это в Chromium и Firefox, и кажется, что он поддерживается в <style>, <script>

var styleElement = document.createElement("style");
styleElement.onload = function() { 
    console.info("styleElement onload called");
};
document.head.appendChild(styleElement);
// output: "styleElement onload called";

но я не уверен, действительно ли обнаруженное поведение где-либо указано в стандартах?

«Пользовательский агент ДОЛЖЕН отправить это событие, когда реализация DOM завершает загрузку ресурса (такого как документ) и любых зависимых ресурсов (таких как изображения, таблицы стилей или скрипты)». (источник)
Andreas 24.11.2018 09:13

@Andreas, будет ли это включать ресурсы встроенного контента типа src и важно также? Кроме того, я не совсем уверен, что на самом деле квалифицируется как dependent resource, например <video>, <audio> или <iframe>, теги, похоже, тоже подходят, без явного упоминания. Это «сомнение», следовательно, является своего рода причиной вопроса. Спасибо, что добавили этот контент, который усиливает вопрос.

humanityANDpeace 24.11.2018 09:40
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
2
2
189
1

Ответы 1

Поддерживаются следующие HTML-теги: <body>, <frame>, <iframe>, <img>, <input type = "image">, <ссылка>, <сценарий>, <стиль>

Я тестировал его на теге <h1>, но ничего не вышло

<h1 onload = "myFunction()">Hello World!</h1>;

Для получения дополнительной информации посетите Школы W3

В вашем ответе указано, с какими элементами вы можете использовать событие, а затем вы показываете пример с использованием неподдерживаемого элемента вместе со словами «Я пробовал, но это не сработало».

Scott Marcus 16.02.2021 22:22

Другие вопросы по теме