判断IFrame的加载和取得IFrame内容

最近实现一个无刷新上传图片的功能，因Ajax不能上传文件，所以最好的办法是使用IFrame，将表单提交至IFrame(将form的target值设置为IFrame的name)，再用IFrame中调用父页面的JS方法传递上传结果信息（PS：好像说的有点远了），但实际应用中使用回调方法并不好，所以想到在提交后检测IFrame的加载状态，通过取IFrame的内容来取得上传结果信息，因为浏览的差异经过测试找到一个可能的方法，如下：

 

判断IFrame是否加载完成

var iframe = document.createElement("iframe"); iframe.src = "http://www.planabc.net"; if (iframe.attachEvent){ iframe.attachEvent("onload", function(){ alert("Local iframe is now loaded."); }); } else { iframe.onload = function(){ alert("Local iframe is now loaded."); }; } document.body.appendChild(iframe);

 

取得IFrame内容

function GetIframeInnerHtml(objIFrame) { var iFrameHTML = ""; if (objIFrame.contentDocument) { // For NS6 iFrameHTML = objIFrame.contentDocument.innerHTML; } else if (objIFrame.contentWindow) { // For IE5.5 and IE6 iFrameHTML = objIFrame.contentWindow.document.body.innerHTML; } else if (objIFrame.document) { // For IE5 iFrameHTML = objIFrame.document.body.innerHTML; } return iFrameHTML; }

 

没有什么技术性，因为确实费了点时间，所以要记录一下

 

参考：

判断 iframe 是否加载完成的完美方法

网页中获取IFrame内容