社区
JavaScript
帖子详情
关于iframe的自适应问题
elephantx
2004-10-27 09:53:15
请问如何能使iframe的高度自动适应里面表格的高度。换句话说页面上只出现浏览器的滚动条,不出现iframe的滚动条。请高手指教,谢谢。
...全文
237
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
来适应他们所包含的内容的宽度自动调整大小。它最常见的
问题
与使用
iframe
s提供一系列的功能,其中包括: 高度和宽度大小的
iframe
内容大小。 作品以多个嵌套的
iframe
。 跨域
iframe
域认证。 提供了一系列的页面大小的计算方法来支持复杂的CSS布局。 检测修改DOM可以使网页大小使用MutationObserver。 发现可以导致页面大小调整事件(窗口大小调整,CSS动画和过渡,改变方向和鼠标事件)。 简化通讯和主机之间通过PostMessage
iframe
的网页。 在
iframe
页面链接修复和支持
iFrame
与父页面之间的链接。 提供自定义的大小和滚动方法。 使家长地位和视口大小的
iframe
。 与ViewerJS支持PDF和ODF文档。 后备支持到IE8。
iframe
内容高度
iframe
自适应
高度终极解决
Iframe
设置高度后无法缩小
问题
Iframe
自动根据类容改变自己的大小,解决
Iframe
设置高度后无法缩小!拜一个高人所赐,特表示感谢!
iframe
自适应
高度和宽度
iframe
自适应
高度和宽度
iframe
自适应
高度.rar
介绍: 填写的嵌入地址一定要和本页面在同一个站点上,否则会提示“拒绝访问!”。对跨域引用有权限
问题
,请查阅其他资料。
iframe
自适应
高度(兼容多种浏览器)
iframe
自适应
高度(兼容多种浏览器) 亲测可以
JavaScript
87,997
社区成员
224,709
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章