加载一个又一个iframe

Loading of an iframe after another

本文关键字：iframe 一个又一个 加载      更新时间：2023-09-26

我的网页中有两个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>

你可以在框架上使用jQuery ready函数来查看它何时被加载，然后为第二帧设置src url。比如:

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

你可以这样做:

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

我将使用jquery:

First iframe: 

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

或使用$(document).ready()

相关文章：