社区
JavaScript
帖子详情
关于iframe的自适应问题
elephantx
2004-10-27 09:53:15
请问如何能使iframe的高度自动适应里面表格的高度。换句话说页面上只出现浏览器的滚动条,不出现iframe的滚动条。请高手指教,谢谢。
...全文
236
7
打赏
收藏
关于iframe的自适应问题
请问如何能使iframe的高度自动适应里面表格的高度。换句话说页面上只出现浏览器的滚动条,不出现iframe的滚动条。请高手指教,谢谢。
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
7 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
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(梅雪香) 的答案
iframe
自适应
宽高
它最常见的
问题
与使用
iframe
s提供一系列的功能,其中包括: 高度和宽度大小的
iframe
内容大小。 作品以多个嵌套的
iframe
。 跨域
iframe
域认证。 提供了一系列的页面大小的计算方法来支持复杂的CSS布局。 检测修改DOM...
iframe
内容高度
iframe
自适应
高度终极解决
Iframe
设置高度后无法缩小
问题
然而,`<
iframe
>`的高度
自适应
问题
常常困扰着开发者,尤其是当`<
iframe
>`内部的内容动态加载或者变化时,如何让`<
iframe
>`自动调整其高度以适应内容,而不会导致滚动条溢出或内容被截断,成为了一个常见需求。...
iframe
自适应
高度和宽度
###
iframe
自适应
高度和宽度详解 在Web开发中,`
iframe
`(Inline Frame)是一种常用的HTML元素,用于在当前页面内嵌入另一个HTML文档。它能够实现页面内部局部刷新的效果,广泛应用于各种复杂的网页布局中。然而,...
iframe
自适应
高度.rar
【标题】:“
iframe
自适应
高度.rar”涉及到的关键知识点主要集中在如何使用JavaScript来处理网页中
iframe
元素的高度
自适应
问题
。在Web开发中,
iframe
(Inline Frame)是一种内联框架,常用于在同一个HTML文档中嵌入...
iframe
自适应
高度(兼容多种浏览器)
###
iframe
自适应
高度(兼容多种浏览器) 在网页开发过程中,`
iframe
`是一种常用的元素,用于在当前页面中嵌入另一个HTML文档。然而,默认情况下,`
iframe
`的高度是固定的,这可能会导致内容显示不完全或者出现不必要...
JavaScript
87,997
社区成员
224,709
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章