完美iframe自适应宽度和高度的JS代码

LsevenTT站群哥 生活随笔完美iframe自适应宽度和高度的JS代码已关闭评论3,273阅读模式

js代码如下:

代码

//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;

}

}

}
使用方法如下:

  1. <iframe id="mainFrame" src="Main.htm" height="100%" width="100%" frameborder="0" scrolling="no"></iframe>

文章末尾固定信息

weinxin
我的微信
我的微信
微信扫一扫
 
LsevenTT站群哥
  • 本文由 LsevenTT站群哥 发表于 2013年1月30日 09:20:26
  • 转载请务必保留本文链接:https://lseventt.net/archives/118.html