Какие html-теги поддерживают атрибуты событий onload/onerror javascript?

Я знаком с типичным использованием onload, как в следующем:

<body onload="alert('Hello, World!');">
...
</body>

Каковы все элементы html, которые запускают событие загрузки? (таким образом, исполняемый javascript поставляется в атрибуте onload)

Например, img является одним из таких тегов, который будет выполнять javascript, указанный в атрибуте onload, когда загружен some.png:

<img onload="someImgLoaded()" src="some.png" />

Ответы

Ответ 1

'onload' поддерживается следующими тегами HTML:

<body>, <frame>, <frameset>, <iframe>, <img>, <link>, <script>

И следующие объекты Javascript:

image, layer, window

Ответ 2

Ниже приведен более подробный список элементов, которые запускают событие загрузки, когда запрашиваемый ресурс завершает загрузку:

body # (just fires a load event, doesn't make requests itself)
img
image
link
iframe
frameset
frame
script
embed
object
video ?
  source
  track
audio ?
  source
svg
<input type="image" src="submit.gif" alt="Submit">
<object width="400" height="400" data="helloworld.swf"></object>
<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
webgl?

В большинстве случаев лучше всего учитывать, что все элементы html, ссылающиеся на URL-адрес, приведут к запросу и вызовут событие load или error, когда этот запрос будет успешным или не удастся. Итак, в принципе, любой элемент с атрибутом src или href, за исключением этих тегов:

a
# What else? Not sure off hand..

И включая тег body, потому что он по иронии судьбы не имеет атрибута src OR href.

Ниже приведен пример грубого javascript для обнаружения этих элементов:

var tagsToIgnore = ['a'];

['src', 'href'].forEach(function(attr) {
  console.log('====' + attr + '====');
  [].slice.call(document.querySelectorAll('*[' + attr + ']')).forEach(function(el){
    if (!~tagsToIgnore.indexOf(el.tagName.toLowerCase())) {
      console.log(el.tagName);
    }
  });
});
console.log('body # :trollface:');

Кроме того, с помощью метода "все с помощью src или href" вы игнорируете ненужные или другие теги, которые обычно имеют атрибут src или href, но не всегда.

Другие вещи, которые могут иметь сетевые сбои:

onload и onerror атрибуты могут быть полезны для отслеживания того, имеет ли ваш пользователь активное интернет-соединение, которое я пытаюсь выполнить с помощью моей библиотеки check-online.js: http://github.com/devinrhode2/check-online

Существует несколько очевидных тестов, которые нужно сделать, чтобы увидеть, есть ли

Ответ 3

onload - событие, специфичное для элементов body, frame, iframe, img, link и script. В основном все, что представляет собой загружаемый ресурс. Для body, это документ, о котором идет речь. Для остальных каждый из них достаточно очевиден.

Ответ 4

Многие элементы имеют событие onload. Вы можете найти их здесь

Но если вы хотите протестировать загрузку DOM, лучше использовать window.onload. Также рекомендуется отделить код javascript от разметки HTML.

Ответ 5

В соответствии с эта страница, вы можете использовать onload с помощью: <body>, <frame>, <frameset>, <iframe>, <img>, <link> и <script>.