技术文章 >

2018-10-22 12:38

文档管理软件,文档管理系统,知识管理系统,档案管理系统的技术资料:
JS获取iFrame的内容

原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。
http://katrina.blog.51cto.com/709863/143636

因为前面的图片上传用到了iframe,这里记录一下用js获取iframe内容的代码,尤其当iframe的src为图片时:
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 src=“kitty.jpg“ id=“frmIn“ name=“frmIn“ scrolling=“no“ width=“450“ height=“450“></iframe>

<input type=“button“ value=“click“ onclick=“alert(GetIframeInnerHtml(document.all.frmIn))“>

document.all.frmIn.contentWindow.document.body.innerHTML
frmIn是iframe的id
在FF里获取到的内容是这样的:


在IE里获取到的内容是这样:


差不多了,这样!