Как сделать загрузку iframe после загрузки старицы?

Question

[WQP]

Имеется обычный фрейм. Как сделать его загрузку после загрузки основного контента

Comments

[Александр Борисович]

а в чем проблема сейчас? оно и так должно работать

Answer 1

[Юрий Лобанов]

Самый простой способ:
codepen.io/iiil/pen/bDFei
Для наглядности я вставил большую картинку (сделал ширину поменьше, чтобы видно было, как она грузится). После ее полной загрузки iframe присваивается нужный url.
Код:

<iframe src="" frameborder="0" id="iframe"></iframe>

window.onload = function(){
  document.getElementById('iframe').src = 'http://iiil.name';
}

Если нужна задержка после загрузки - используйте таймаут (в примере просто раскоментите строчки). Код:

window.onload = function(){
     setTimeout(function(){
  	document.getElementById('iframe').src = 'http://iiil.name';
     },5000)
}

Чтобы не зависеть от скрипта можно url помещать в data-атрибуты и оттуда доставать.

Comments

[Андрей Абрамов]

Супер, то что доктор прописал...

Answer 2

[Grag]

Эмм... Сложная задача... Наверное с помощью ajax и document.ready? А вдруг еще немного подождать нужно? Ну тогда setTimeout() есть.

Comments

[Юрий Лобанов]

Ajax-то зачем??

Answer 3

[Александр Ковпашко]

window.onload = function(){
    var iframe = document.createElement('iframe');
    iframe.src = 'адрес фрейма';
    // остальные опции, если нужно
    document.body.appendChild(iframe);
}