1. 程式人生 > >js 控制父子頁面的載入順序

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