Как понять что весь html загрузился?

Question

[Jsman]

Нужно сделать имитацию пользовательских действий на странице кот-я прогрузиться страница.
в кратце :
Есть страница со списком ссылок по ним нужно пробежатся циклом и отобразить каждую ссылку в iframe.
Нашел первую ссылку создал iframe

var div = document.createElement('iframe');
div.id="myIframe";
div.style.cssText='width:800px; height:400px';
div.setAttribute('src', 'link'); 
document.body.appendChild(div);

далее нам нужно нажать на кнопку и закрыть этот iframe, но т.к. страница не прогрузилась кнопку скрипт не нажимает (мол элемент нету на странице).
Там долгая работа идет с базой и по этому элементы на странице прогружается долго (может до 5 мин.)

я пробую так

var x = document.getElementById('myIframe').contentWindow.document;

x.readyState;

но x.readyState всегда выдает complete , т.е. heder и body есть на странице , но в body пусто (страница адово грузится)

пробовал так

x.addEventListener("DOMContentLoaded", console.log('1'));

сразу 1 пишется в консоле.

пробовал так

x.onload = function() {
    alert( 'Документ и все ресурсы загружены' );
  }();

сразу всплывающее окно , хотя элементы не прогрузились.

Объясните , как понять что вся страница прогрузилась и все что внутри body ?

Comments

[Илья]

А кнопку нажать вы случаем не в iframe пытаетесь?

[Jsman]

Конечно, в ifrme . Просто не могу понять логику вот даже если в ifreme открыть сайт и сделать css color: red; - любого элемента в iframe , то сразу ничего не сработает нужно время для загрузки страницы.

Answer 1

[Вячеслав]

window.onload

Comments

[Jsman]

Спасибо !