在ie下能实现的功能,对照着FF下的方法与属性修改就行了。今天终于把这个问题彻底解决了,记录一下。
感谢http://www.cnblogs.com/Cheese_Ren/
js代码如下:
![](https://i-blog.csdnimg.cn/blog_migrate/9ce94e9a07a4a21b0673cad5f1a7f5ce.png)
![ExpandedBlockStart.gif](https://i-blog.csdnimg.cn/blog_migrate/e710488cb6b90681a531d52f1ee58189.png)
//
iframe高度自适应
function IFrameReSize(iframename) {
var pTar = document.getElementById(iframename);
if (pTar) { // ff
if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight) {
pTar.height = pTar.contentDocument.body.offsetHeight;
} // ie
else if (pTar.Document && pTar.Document.body.scrollHeight) {
pTar.height = pTar.Document.body.scrollHeight;
}
}
}
// iframe宽度自适应
function IFrameReSizeWidth(iframename) {
var pTar = document.getElementById(iframename);
if (pTar) { // ff
if (pTar.contentDocument && pTar.contentDocument.body.offsetWidth) {
pTar.width = pTar.contentDocument.body.offsetWidth;
} // ie
else if (pTar.Document && pTar.Document.body.scrollWidth) {
pTar.width = pTar.Document.body.scrollWidth;
}
}
}
function IFrameReSize(iframename) {
var pTar = document.getElementById(iframename);
if (pTar) { // ff
if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight) {
pTar.height = pTar.contentDocument.body.offsetHeight;
} // ie
else if (pTar.Document && pTar.Document.body.scrollHeight) {
pTar.height = pTar.Document.body.scrollHeight;
}
}
}
// iframe宽度自适应
function IFrameReSizeWidth(iframename) {
var pTar = document.getElementById(iframename);
if (pTar) { // ff
if (pTar.contentDocument && pTar.contentDocument.body.offsetWidth) {
pTar.width = pTar.contentDocument.body.offsetWidth;
} // ie
else if (pTar.Document && pTar.Document.body.scrollWidth) {
pTar.width = pTar.Document.body.scrollWidth;
}
}
}
使用方法如下:
<
iframe
src
="Main.aspx"
scrolling
="no"
frameborder
="0"
height
="100%"
id
="mainFrame"
width
="100%"
onload
='IFrameReSize("mainFrame");IFrameReSizeWidth("mainFrame");'
></
iframe
>
参考:
http://www.cnblogs.com/greatverve/archive/2009/12/17/1626109.html