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');