js 控制父子页面的加载顺序

案例情况：

在父网页中存在iframe 如下：  

<div id="divHome"  title="首页">
    <iframe frameborder="0" id="divHomeIframe" style="width: 100%" height="100%" name="sysMain" src="first.html" ></iframe>
</div>

 

父网页中存在加载事件函数，iframe网页中也存在加载函数(如;执行ajax），则父网页的加载要等到iframe网页完全加载完成后再执行。

如果想要控制父网页先行加载再加载iframe网页，可先不设置该iframe的src，再父网页加载结束后添加iframe的src,此时iframe会自动执行加载页面：

$("#divHomeIframe").attr('src','first.html');