Метод JS:
Кода -копия выглядит следующим образом:
<script type = "text/javascript">
window.onload = function () {
var username = "Xiaoming";
оповещение (имя пользователя);
}
</script>
Ниже приведен метод jQuery, и на файл jQuery необходимо указать.
Кода -копия выглядит следующим образом:
<script type = "text/javascript">
$ (document) .ready (function () {
var username = "Xiaoming";
оповещение (имя пользователя);
});
</script>
Или его аббревиатура
Кода -копия выглядит следующим образом:
$ (function () {
var username = "Xiaoming";
оповещение (имя пользователя);
});
Когда DOM загружен, его можно выполнить (раньше, чем window.onload). Он может появляться несколько раз на одной странице.) ()
PS: основное различие между двумя
window.onload:
Событие Window.onload запускается только тогда, когда документ полностью загружен в браузер. Это означает, что все элементы на странице работают для JS, что означает, что все элементы на странице будут выполняться только после того, как они загружены. Эта ситуация очень полезна для написания функционального кода, потому что порядок загрузки не учитывается. В
$ (Document) .ready {}:
Будет вызван, когда DOM полностью готов и доступен. Хотя это также означает, что все элементы доступны для скрипта, это не означает, что все связанные файлы были загружены. Другими словами, код будет выполнен после того, как загрузка HMTL будет завершена и проанализирован в дерево DOM.
Чтобы привести пример:
Предположим, есть страница, которая представляет галерею, которая может содержать много больших изображений, которые мы можем скрыть, отображать или иным образом манипулировать через jQuery. Если мы установим интерфейс через страницу Onload, то пользователь должен подождать, пока каждое изображение не будет загружено, прежде чем сможет использовать эту страницу. Хуже того, если поведение немного добавлено в элементы с поведением по умолчанию (например, ссылки), то взаимодействие пользователя может привести к неожиданным результатам. Однако, когда мы пытаемся установить его с помощью $ (document) .ready () {}, этот интерфейс подготовит правильное поведение, доступное ранее.
Использование $ (document) .ready () {}, как правило, лучше, чем пробовать обработчики событий Onload, но должно быть ясно, что, поскольку файл поддержки еще не может быть завершен, свойства, такие как высота и ширина изображения, могут быть недопустимыми в настоящее время.
Примечание. Будут проблемы с использованием метода размещения JS в нижней части страницы и методом использования DEFER = "DEFER". Лучше всего использовать вышеуказанную функцию!