您的位置：首页 → 网页设计 → 经验技巧 → iframe自适应宽度和高度

iframe自适应宽度和高度

时间：2009/12/21 9:25:00来源：本站整理作者：我要评论(0)

在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>

相关阅读 “画中画”效果--谈IFRAME标签的使用如何实现iframe嵌入式帧的自适应高度“画中画”效果---谈Iframe标记的使用用 iframe 解决下拉框与层之冲突用IFRAME建立网上阅览室Iframe的隐藏和显示Wegame电脑游戏怎么用手机玩 Wegame手机玩电脑游戏教程Wegame手机怎么玩云顶之弈 Wegame手机玩云顶之弈教程

文章评论

查看所有0条评论>>

发表评论

我来说两句...

提交评论