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里获取到的内容是这样的:
![](http://img1.51cto.com/attachment/200903/200903301238398128756.jpg)
在IE里获取到的内容是这样:
![](http://img1.51cto.com/attachment/200903/200903301238398203224.jpg)
差不多了,这样!本文出自 “风吹过的夏天” 博客,请务必保留此出处http://katrina.blog.51cto.com/709863/143636
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里获取到的内容是这样的:
![](http://img1.51cto.com/attachment/200903/200903301238398128756.jpg)
在IE里获取到的内容是这样:
![](http://img1.51cto.com/attachment/200903/200903301238398203224.jpg)
差不多了,这样!本文出自 “风吹过的夏天” 博客,请务必保留此出处http://katrina.blog.51cto.com/709863/143636
相关文章推荐
- 如何通过js获取iframe框架中的内容
- js 获取iframe内容
- JS 获取页面中iframe中的内容
- js获取iframe里的body内容
- js获取iframe的内容
- JQ&&JS获取并操作iframe内容
- js操作Iframe(获取Iframe中的节点内容)
- JS操作Iframe获取到Iframe中的内容+ListView+DataPager分页
- JS获取跨域IFRAME中的内容,支持FIREFOX和IE
- JS获取IFRAME内容高度
- js获取框架(IFrame)的内容
- js获取iframe内的内容
- 获取iframe中元素(js和jquery)
- js中获取当前页面高度,iframe高度赋值问题,body高度初始化赋值
- JS如何获取iframe内html的body值
- Js/Jquery获取iframe中的元素
- js获取iframe中的元素以及在iframe中获取父级的元素(包括iframe中不存在name和id的情况)
- 百度IFE学习笔记(三)js获取页面内容及后续处理
- 百度IFE学习笔记(三)js获取页面内容及后续处理
- js获取窗口可视范围的高度、获取窗口滚动条高度、文档内容实际高度