Question

我的网页中有两个iframe，我希望在第一个iframe加载完成后加载第二个iframe。我怎样才能做到这一点？我尝试使用settimeout函数，但遇到了一些问题。

这是我的代码：

<iframe src="firstiframe" frameborder="0" widht="100%" marginheight="0" marginwidth="0" scrolling="NO" id="the_iframe">
</iframe>  

<iframe src="secondframe" frameborder="0" widht="100%" marginheight="0" marginwidth="0" scrolling="NO"  id="the_iframe2" >
</iframe> 

<script>
function resizeIframe(iframeID) 
{    
    document.setTimeout("resizeIframe",1000);   
    var iframe = window.parent.document.getElementById(iframeID);
    var container = document.getElementById('content');
    iframe.style.height = container.offsetHeight + 'px';            
} 
</script>

Answer 1

您可以这样做：

$("#firstIframe").load(function (){
    $("#secondIframe").load();
});

Answer 2

你可以在帧上使用jQuery ready函数来查看它何时被加载，然后为第二帧设置src url。类似的东西：

$('#firstframe').ready(function() { 
    $('#secondframe').attr('src', 'http://yourlink'); 
});

Answer 3

我会用jquery做这个：

首先是iframe：

<iframe id="iframe1"></iframe>
<div id="loadsecondIframeHere"></div>
<script>
$('#iframe1').ready(function(){
    $('#loadsecondIframeHere').html('<iframe id="iframe2"></iframe');
});
</script>

或使用$(document).ready()

正在加载iframe

3 个答案: