Как проверить загрузку фреймов на странице через js?

Question

[Борис Данилин]

Необходимо активировать некий jquery только после окончания загрузки двух айфреймов на страничке. Каким способом подскажите проверять это условие?
Спасибо.

Answer 1

[Евгений Петров]

Вариантов немного.

Загрузка контента iframe
При наступлении DOMContentLoaded у документа (это $()) находите в нём все iframe (универсальнее всего через коллекцию frames), в счётчик заносите их количество и ставите для каждого обработчик на событие load. Запуск обработчика уменьшает счётчик и проверяет его — если 0, то запускается некая функция.

Полная загрузка контента
Просто ставим обработчик на событие load для окна верхнего уровня — оно сработает только после загрузки контента всех iframe и собственного контента.

Используем DOMContentLoaded
Если в iframe загружается контент с одного домена, что и в основное окно (политика происхождения одинакова), то в каждый документ, который загружается в iframe, ставим вызов функции из окна самого верхнего уровня. Эта функция равносильна описанной в первом примере — проверяет количество своих вызовов и количества iframe.

Comments

[Борис Данилин]

Фреймы грузятся с одного домена. Если не затруднит - могли бы вы привести пример того, какой код примерно должен быть для метода "Используем DOMContentLoaded".

[Евгений Петров]

index.html

function checkFrames () {
	this.count = (this.count || frames.length) - 1;

	if (!this.count) {
		// Всё сделано, босс
	}
}
...
<iframe src="/1.html"></iframe>
<iframe src="/2.html"></iframe>

1.html
2.html

$(function () {
	parent.checkFrames();
});

[Борис Данилин]

Огромное спасибо вам, запилил так сказать!

Answer 2

[Александр Таратин]

Как повесить событие на onload/onresize iframe'a?