您的位置:首页 > Web前端 > JavaScript

JS获取iFrame的内容

2009-03-30 15:30 369 查看
因为前面的图片上传用到了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里获取到的内容是这样:



差不多了,这样!本文出自 “风吹过的夏天” 博客,请务必保留此出处http://katrina.blog.51cto.com/709863/143636
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: