После того, как браузер загружает DOM, он добавит события в элемент DOM через JavaScript. В JavaScript метод window.onload () обычно используется.
В jQuery используется метод $ (document) .ready (). Позвольте мне представить разницу между двумя ниже.
| window.onload () | $ (document) .ready () | |
| Время исполнения | Выполните все элементы страницы (включая изображения и эталонные файлы) после загрузки. | Все HTML DOMS на странице будут выполняться после загрузки структуры CSS DOM, а другие изображения не могут быть загружены. Если вы хотите, чтобы весь контент веб -страницы (включая изображения и т. Д.) Загрузилась, зарегистрируйте событие и используйте $ (window) .load (function); Эквивалент window.onload () |
| Напишите номер | Вы не можете написать несколько слов одновременно, последний перезаписывает предыдущий. бывший: window.onload = function () {alert ("a"); } window.onload = function () {alert ("b"); } Результатом будет "B" Если вы хотите выполнить Alert («a») и оповещение ("b") в последовательности, вам нужно написать его window.onload = function () { оповещение ("a"); оповещение ("B"); } | Может написать несколько одновременно |
| Аббревиатура | никто | $ (document) .ready (function () { // сделать; }); Может быть написан как $ (). ready (function () {// $ () без параметров - документ // сделать; });или $ (function () { // сделать; }); |