完美iframe自适应宽度和高度的JS代码 | LsevenTT博客-站群哥
   

LsevenTT博客-站群哥

认真你就输了

完美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>

相关阅读

评论被关闭