首页 电脑 电脑学堂 查看内容

完美iframe自适应宽度和高度

2010-9-10 15:34 958 0

摘要:     在ie下能实现的功能,对照着FF下的方法与属性修改就行了。今天终于把这个问题彻底解决了,记录一下。     感谢http://ww...
关键词: nbsp String IOException httpclient convertStreamToS get new printStackTrace BufferedReader contentString

    在ie下能实现的功能,对照着FF下的方法与属性修改就行了。今天终于把这个问题彻底解决了,记录一下。     感谢http://www.cnblogs.com/Cheese_Ren/     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;     }     }     }     使用方法如下:     <iframe src="Main.aspx" scrolling="no" frameborder="0" height="100%" id="mainFrame" width="100%" onload='IFrameReSize("mainFrame");IFrameReSizeWidth("mainFrame");'></iframe>
声明:文章版权归原作者所有 部分文章转自互联网 如有侵权请联系 [邮箱地址] 删除

路过

雷人

握手

鲜花

鸡蛋

最新评论

返回顶部