搜索内容

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

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>

版权声明:
作者:LsevenTT站群哥
链接:https://www.LsevenTT.com/archives/118.html
来源:完美iframe自适应宽度和高度的JS代码
文章版权归作者所有,未经允许请勿转载。

THE END
分享
手机扫码二维码打开
< <上一篇
下一篇>>