Последовательность выполнения javascript при загрузке страницы, iframe и document.ready

Решил проверить, в какой последовательности выполняется javascript, когда на странице объявлен сначала iframe, затем document.ready и затем обрабатывается обычный javascript.

В странице на которой проводим тест размещаем код:

<iframe scrolling="no" frameborder="0" width="600px" height="220" src="http://сайт.ru/page.html"></iframe>
<script type="text/javascript">
$(document).ready(function(){
    log(2);
});
log(1);
</script>

На странице http://сайт.ru/page.html пишу код:

<script type="text/javascript">
log(3);
</script>

Результат меня немного удивил:

3 - сначала выполнился javascript из iframe

1 - потом сработал обычный javascript на странице

2 - сработал после того, как загрузился iframe и текущая страница

Вывод: код в document.ready работает так, словно iframe часть просматриваемой страницы, и код выполняется после загрузки iframe.

Оцени публикацию:
  • 8,32
Оценили человек: 8
  •  

Похожие статьи:


Комментарии посетителей:
  • (yea)
    02 февраля 2011, 19:22 коммент полезен : +1 # Гость

Предложения и пожелания:
Ваше имя: Ваш E-mail:
Введите изображенные цифры:
Captcha

HTML (19)

CSS (36)

PHP (22)

MySQL (14)

JavaScript (57)

Flash (6)

XML (3)

Apache (34)

Дизайн (35)

Продвижение (31)

Программы (26)

Unix (11)

Интересное (37)


Справочники и учебники:


Последние комменты:

Новые заметки:

Защита сервера от ошибок в phpMyAdmin

HTML5 - новые виды атак

Социальные рекомендации Twitter в Google

Ашманов про стартапы

Skype Distributed Database Architecture

Erlang - лекарство при высоких нагрузках

Amazon Web Services: инструменты обеспечения масштабируемости и отказоустойчивости

Обсуждения на форуме:

некорректно отображается страница в браузерах

не могу войти в admin

Нужна критика идеи

Поиск по дополнительным полям и формам

Вопрос по категориям

Несколько вопросов по проекту.

Плагины, меню и интеграция

Ошибка в тексте? Выделите её мышкой и нажмите: Ctrl + Enter| Здравствуйте, Гость | Войти | Регистрация| Карта сайта | RSS ленты
О проекте | Скачать CMS | Видеоуроки | Документация | Плагины | Форум | Идеи | Новости | Веб-мастеру | Контакты

YaPro CMS в Живом Журнале

YaPro CMS в Твитере

YaPro CMS в Одноклассниках

YaPro CMS в Яндекс.Блогах


youtube.com/watch?v=7hFivbgIEqk

При полном или частичном использовании материалов данного сайта, ссылка на сайт "yapro.ru" обязательна как на источник информации.
Автоматический импорт материалов и информации с сайта запрещен.
Copyrights © 2007 - 2012 YaPro.Ru


Главная » Веб-мастеру » JavaScript »