iframe.js

最新推荐文章于 2024-08-21 10:36:19 发布

ChinaLzw

最新推荐文章于 2024-08-21 10:36:19 发布

阅读量617

点赞数

分类专栏： javascript

本文为博主原创文章，只为分享而编，欢迎各位学习以及转载。

本文链接：https://blog.csdn.net/qq285679784/article/details/51366002

版权

javascript 专栏收录该内容

125 篇文章 2 订阅

订阅专栏

/**
*createTime:2016-04-26
*author:李志伟
*Description： iframe高度自适应
**/

//使用例子
//<a href="Information.html" target="mainFrame">在mainFrame框架打开页面</a>  
//<a href="about.html" target="mainFrame">在mainFrame框架打开页面</a>  
//<iframe id="mainFrame" name="mainFrame" src="Information.html" 
//scrolling="no" frameborder="0" height="100%" width="100%" 
//οnlοad='IFrameReSize("mainFrame")'></iframe>


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