загрузите iframe после завершения другой iframe загрузки

Question

У меня есть несколько iframe tags на веб-странице, но я бы хотел, чтобы они не загружали все сразу. Значение, я хочу iframe1, чтобы начать загрузку, как только открывается страница, а затем, когда она полностью закончена загрузка, я хочу iframe2 начать загрузку, а затем полностью нагрузку, а затем iframe3 начать loading..etc

I» м совершенно новый для JSP и не очень эксперт с Javascript. Поэтому любая помощь очень ценится. Благодарю.

<iframe id="iframe1" src="..."></iframe> 
<iframe id="iframe2" src="..."></iframe> 
<iframe id="iframe3" src="..."></iframe> 
. 
. 
. 

Answer 1

Используйте HTML как это:

<iframe id="iframe1" data-src="..."></iframe> 
<iframe id="iframe2" data-src="..."></iframe> 
<iframe id="iframe3" data-src="..."></iframe> 

и JS:

$(function() { 
    var iframes = $('iframe'); 
    var i = 0; 
    (function next() { 
     var iframe = iframes.eq(i++); 
     if (iframe.length) { 
      iframe.attr('src', iframe.data('src')).load(next); 
     } 
    })(); 
});