加載一個iframe一次iframe已完成加載

Question

我在網頁中有多個iframe tags，但我希望它們不要一次加載全部。意思是，我想iframe1開始加載，一旦網頁被打開，那麼當它是完全完成加載時，我想iframe2開始加載，然後完全負載，並然後iframe3開始loading..etc

我m完全新到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); 
     } 
    })(); 
});