Этот блог продемонстрирует разницу между window.onload и document.onload в JavaScript.
window.onload против document.onload в JavaScript
“ окно.onload ” запускается, когда вся страница (включая ее ресурсы) завершила загрузку. Это означает, что вы можете использовать это событие, чтобы убедиться, что страница полностью загружена, прежде чем запускать любой код, который зависит от содержимого страницы.
“ документ.onload » похоже на window.onload, но срабатывает только после завершения загрузки DOM документа (структуры содержимого страницы). Это означает, что вы можете использовать это событие, чтобы убедиться, что содержимое страницы полностью загружено и готово к работе перед запуском любого кода.
Каков наилучший подход?
В общем, рекомендуется использовать document.onload вместо window.onload, если вам нужно только убедиться, что содержимое страницы полностью загружено перед запуском вашего кода. Это связано с тем, что document.onload срабатывает быстрее, чем window.onload, что может повысить производительность вашего кода. Однако, если вам нужно убедиться, что ресурсы страницы (такие как изображения и таблицы стилей) полностью загружены перед запуском вашего кода, вам следует вместо этого использовать window.onload.
Как использовать window.onload и document.onload в JavaScript?
В данном примере мы увидим, как эти события определяют загрузку документа и загрузку окна перед запуском любого кода.
Позвоните в « документ.onload », которое информирует вас о загрузке документа с помощью сообщения alert():
документ. в процессе знак равно тревога ( 'document_onload' ) ;Позвоните в « окно.onload ” и присвойте ему результирующее сообщение метода alert():
окно. в процессе знак равно тревога ( 'window_onload' ) ;
Как видите, при обновлении страницы загружается первый документ, а затем вызывается метод onload окна, когда вся страница загрузилась:
Это все, что касается событий window.onload и document.onload в JavaScript.
Заключение
“ окно.onload ' и ' документ.onload ” — это два события JavaScript, которые обеспечивают загрузку всей страницы перед выполнением какого-либо кода. document.onload будет запускаться быстрее, чем window.onload, что может повысить производительность кода. Этот блог продемонстрировал разницу между window.onload и document.onload в JavaScript.