javascript 判斷 iframe是否載入成功

最近在做產品的維護,修改一些老的bug.有個bug是jsp頁面在載入的時候請求一個iframe.在頁面顯示的過程中,視窗會短暫的顯示一個404頁面,然後就到達預期的目的.使用httpwatch查看了一下,是頁面發送了一個空的請求.為了避免這個404錯誤.我的做法是在iframe載入前判斷一下是否載入完成,載入完成以後再設定它的display為inline.

 

代碼如下:

//先為iframe 添加一個 onreadystatechangeiframe.attachEvent("onreadystatechange", function(){    //此事件在內容沒有被載入時候也會被觸發，所以我們要判斷狀態   //有時候會比較怪異 readyState狀態會跳過 complete 所以我們loaded狀態也要判斷   if(iframe.readyState === "complete" || iframe.readyState == "loaded"){//代碼能執行到這裡說明已經載入成功完畢了//要清除掉事件iframe.detachEvent( "onreadystatechange", arguments.callee);//這裡是回呼函數   }});