31 lines
1.5 KiB
Markdown
31 lines
1.5 KiB
Markdown
---
|
||
title: Onload Event
|
||
localeTitle: Событие onload
|
||
---
|
||
## Событие onload
|
||
|
||
`onload` используется для выполнения функции JavaScript сразу после загрузки страницы.
|
||
|
||
### Пример:
|
||
|
||
```javascript
|
||
<body onload="myFunction()">
|
||
|
||
<script>
|
||
function myFunction() {
|
||
alert('Page finished loading');
|
||
}
|
||
</script>
|
||
```
|
||
|
||
В приведенном выше примере, как только загрузится веб-страница, вызывается функция `myFunction` , отображающая оповещение пользователя о `Page finished loading` .
|
||
|
||
событие `onload` чаще всего используется в элементе `<body>` для выполнения сценария. Если он прикреплен к `<body>` , сценарий будет запускаться после полной загрузки всей страницы (изображения, файлы сценариев, файлы CSS и т. Д.).
|
||
|
||
#### Дополнительная информация:
|
||
|
||
[MDN](https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onload)
|
||
|
||
#### Другие источники
|
||
|
||
[jQuery .on () Присоединение обработчика событий](https://api.jquery.com/on/) [Переполнение стека: window.onload и document.onload](https://stackoverflow.com/questions/588040/window-onload-vs-document-onload) |