JS判斷iframe是否載入成功

2021-06-21 23:00:32 字數 791 閱讀 2188

在專案中經常要動態新增iframe,然後再對新增的iframe進行相關操作,而往往iframe還沒新增完呢,後邊的**就已經執行完了,所以有些你寫的東西根本沒有顯示出來。這時,我們就要考慮是否可以等iframe載入完後再執行後邊的操作,當然,各種瀏覽器早就為我們考慮到啦,看下面:

ie瀏覽器

ie的每個elem節點都會擁有乙個onreadystatechange事件,這個事件每次在elem內容傳送變化的時候觸發,比如內容正在載入loading會觸發,內容載入完畢loaded會觸發,內容載入成功complete會觸發,這個函式還需要配合readystate,這是ie上每個elem都擁有的屬性,用來檢視每次觸發時候的狀態。

//先為iframe 新增乙個 onreadystatechange  

iframe.attachevent("onreadystatechange", function()

});

其他瀏覽器(firefox,opera,chrome等 )

在其他非ie的瀏覽器上 firefox,opera,chrome等 iframe 都會擁有乙個 onload 事件,此事件只要觸發就說名內容已經載入完畢。

iframe.addeventlistener( "load", function(), false);

if(iframe.attachevent)  

});

}else, false);

}

判斷iframe是否載入完成

1.var iframe document.getelementbyid iframenews if iframe.attachevent ie iframe.attachevent onload function else ff chrome等 iframe.onload function loa...

判斷JS是否載入完成

判斷js是否載入完成 我們使用document的readystate屬性 document.readystate readystate 屬性返回當前文件的狀態。該屬性返回以下值 function loadscript url,callback else jquery 使用 holdready tru...

JS判斷頁面是否載入完成

用 document.readystate complete 判斷頁面是否載入完成 傳回xml 檔案資料的目前狀況。基本語法 intstate xmldocument.readystate 說 明 這個屬性是唯讀的,傳回值有以下的可能 0 uninitialized xml 物件被產生,但沒有任何檔...