jQuery Метод $( document ).ready()

Страница не может манипулироваться безопасным образом, пока документ не "готов". jQuery обнаруживает это состояние готовности для Вас.

Код, включенный внутри $( document ).ready(), будет работать только тогда, когда Объектная модель документа страницы (DOM) готова к выполнению кода JavaScript. Код, включенный внутри $( window ).load(function() { ... }), будет работать, как только вся страница (изображения или встроенные фреймы), а не только DOM, будет готова.

Пример

// Блок $( document ).ready().
$( document ).ready(function() {
    alert( "готова!" );
});

Попробуйте Сами »

Опытные разработчики иногда используют сокращение для $( document ).ready(). Если Вы пишете код, который могут увидеть люди, которые не очень дружат с jQuery, лучше использовать длинную форму.

Пример

// Сокращение для $( document ).ready()
$(function() {
    console.log( "Страница готова!" );
});

Попробуйте Сами »

Можно также передать именованную функцию в $( document ).ready() вместо того, чтобы передавать анонимную функцию.

// Передача именованной функции вместо // анонимной функции. function readyFn( jQuery ) { // Код, который надо выполнить, когда документ будет готов. } $( document ).ready( readyFn ); // или: $( window ).load( readyFn );

Ниже в качестве примера показаны $( document ).ready() и $( window ).load() в действии. Код пытается загрузить URL веб-сайта в <iframe> и проверяет оба события:

Пример

<html>
<head>
    <script src=
    "jquery-1.9.1.min.js">
    </script>
    <script>
    $( document ).ready(function() {
        console.log( "документ загружен" );
    });

    $( window ).load(function() {
        console.log( "окно загружено" );
    });
    </script>
</head>
<body>
    <iframe src="http://www.google.com"></iframe>
</body>
</html>

Попробуйте Сами »

Далее: Знакомство с jQuery Mobile

Смотрите также
Комментарии
Написать

(обязательно)

(обязательно)

Это не спам (обязательно)