社区
JavaScript
帖子详情
关于iframe的自适应问题
elephantx
2004-10-27 09:53:15
请问如何能使iframe的高度自动适应里面表格的高度。换句话说页面上只出现浏览器的滚动条,不出现iframe的滚动条。请高手指教,谢谢。
...全文
218
7
打赏
收藏
关于iframe的自适应问题
请问如何能使iframe的高度自动适应里面表格的高度。换句话说页面上只出现浏览器的滚动条,不出现iframe的滚动条。请高手指教,谢谢。
复制链接
扫一扫
分享
举报
写回复
配置赞助广告
7 条
回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
打赏红包
jpphy
2005-01-20
打赏
举报
回复
调整高度和宽度的代码可以放在“a.htm”、“b.htm”或"iframe自适应测试.htm"页面内,本例选择了后一种方式(下列代码是文件"iframe自适应测试.htm",测试时需自己添加文件“a.htm”和“b.htm”,且要求“a.htm”、“b.htm”与"iframe自适应测试.htm"在同一 domain)。
<html>
<head>
<script>
// 实参为this,即形参obj为this,而obj 与 document.getElementById("ifrm")一致;
function fnAutoFit(obj)
{
try{
// ifrm为<iframe id=ifrm……></iframe>
var oBody = obj.contentWindow.document.body;
var oFrame = document.all(obj.id);
oFrame.style.height = oBody.scrollHeight + (oBody.offsetHeight - oBody.clientHeight);
oFrame.style.width = oBody.scrollWidth + (oBody.offsetWidth - oBody.clientWidth);
}
catch(e)
{
window.status = '错误: ' + e.number + '; ' + e.description;
}
}
function fn_change()
{
var oFrame = document.frames[0];
if(cN.value == "a")
{
cN.value = "b";
oFrame.document.location.href = "a.htm";
}
else
{
cN.value = "a";
oFrame.document.location.href = "b.htm";
}
}
</script>
</head>
<body>
<iframe id="ifrm" frameborder="1" src="a.htm" onload="fnAutoFit(this)"></iframe>
<input type="button" name="cN" value="b" onclick="fn_change()">
</body>
</html>
elephantx
2004-10-28
打赏
举报
回复
我这里无法修改iframe里面引入的页面,应该说是可能被引入的页面太多了这么改没有意义。
webmm(一笑而过)提到的方法是可行的,但是里面用了setInterval()方法(没有明白为什么要这么写),效率太低了,整个页面被拖的很慢(本来就不快,客户的意见是费了好大力气才摆平的)。所以请教还有没有更好的办法。
webmm
2004-10-27
打赏
举报
回复
这个问题刚刚看到篇东西~~~~自己没测试,看看成不?http://www.memosite.cn/article.php/580
梅雪香
2004-10-27
打赏
举报
回复
在iframe的body 的 onload事件 里写
parent.iframeid.width=table.width;
parent.iframeid.height=table.height;
没测试,你试试行不行
qiangsheng
2004-10-27
打赏
举报
回复
不用iframe,用层。
BeginnerBBB
2004-10-27
打赏
举报
回复
关注一下,前段时间碰到了,在iframe引用的页面中加
parent.document.all("iframe").style.height=document.body.scrollHeight;
sunnybay
2004-10-27
打赏
举报
回复
同意zhaoxiaoyang(梅雪香) 的答案
相关推荐
JS解决
iframe
之间通信和
自适应
高度的
问题
关于
iframe
之间的通信
问题
与
自适应
高度
问题
网上有很多,那么这篇文章小编也和大家一起来谈谈
iframe
之间通信
问题
及
iframe
自适应
高度
问题
,有需要的可以参考借鉴。
用
iFrame
Resizer解决
iframe
高度
自适应
问题
用
iFrame
Resizer解决
iframe
高度
自适应
问题
iframe
高度
自适应
问题
解决方案
iframe
高度
自适应
问题
解决方案 分类: 前端2012-03-03 14:22 67人阅读 评论(0) 收藏 举报
iframe
浏览器safariopera文档前端开发
iframe
高度
自适应
问题
解决方案 2009年04月30日 星期四 18:18 通过Google搜索
iframe
自适应
高度,结果5W多条,搜索
iframe
高度
自适应
,结果2W多条。 我翻了前面
iframe
在div中如何
自适应
高度
为了帮助网友解决“
iframe
在div中如何
自适应
高度”相关的
问题
,中国学网通过互联网对“
iframe
在div中如何
自适应
高度”相关的解决方案进行了整理,用户详细
问题
包括:RT,我想知道:
iframe
在div中如何
自适应
高度,具体解决方案如下: 解决方案1: div设置了高度
自适应
,但是在div里面插入一个
iframe
,用js使
iframe
获取到div的高度,但是对
iframe
不起作用
iframe
自适应
高度
问题
在
iframe
页面添加以下js方法即可解决
iframe
高度
自适应
问题
。 //自动调整
iframe
高度
问题
function
iframe
(){ if(parent.document.all("
iframe
Id").style.height) parent.document.all("
iframe
Id").style.height=document.body.scrollHeigh...
发帖
JavaScript
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
8.7w+
社区成员
22.4w+
社区内容
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
帖子事件
创建了帖子
2004-10-27 09:53
社区公告
暂无公告