社区
JavaScript
帖子详情
如何实现iframe的自适应高度 解决给分, 有经验者看看!1
jkgao801
2006-03-28 01:53:43
现在情况如下:
左面一个iframe 里面是4个链接,右面一个iframe 里面显示点击左面链接后加载的页面。
怎么样 实现 点击左面不同的链接,右面的iframe随着所加载的页面的高度变化。即 完全显示页面,不出现滚动条。
...全文
124
4
打赏
收藏
如何实现iframe的自适应高度 解决给分, 有经验者看看!1
现在情况如下: 左面一个iframe 里面是4个链接,右面一个iframe 里面显示点击左面链接后加载的页面。 怎么样 实现 点击左面不同的链接,右面的iframe随着所加载的页面的高度变化。即 完全显示页面,不出现滚动条。
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
4 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
meizz
2006-03-28
打赏
举报
回复
http://blog.csdn.net/meizz/archive/2006/03/27/639857.aspx
meizz
2006-03-28
打赏
举报
回复
你现在的这个贴子的左边的广告就是用这种自适应 iframe 延迟加载的。
jkgao801
2006-03-28
打赏
举报
回复
我把你的代码拷上去,怎么没有什么效果啊! 是不是我用错了!
<script>
function iframeAutoFit()
{
try
{
if(window!=parent)
{
var a = parent.document.getElementsByTagName("mainView");
for(var i=0; i<a.length; i++) //author:meizz
{
if(a[i].contentWindow==window)
{
var h = document.body.scrollHeight;
if(document.all) {h += 4;}
if(window.opera) {h += 1;}
a[i].style.height = h;
}
}
}
}
catch (ex)
{
alert("脚本无法跨域操作!");
}
}
if(document.attachEvent) window.attachEvent("onload", iframeAutoFit);
else window.addEventListener('load', iframeAutoFit, false);
</script>
..........
<iframe id="mainView" name="mainView" width="100%" border="0" frameborder="0" src="" target="_blank" ></iframe>
麻烦看看
meizz
2006-03-28
打赏
举报
回复
http://community.csdn.net/Expert/xsl/TopicLeft.asp
查看源代码,我新写的一段脚本 iframeAutoFit()
js
实现
iframe
自适应
高度
js
实现
iframe
自适应
高度
! 值得下载
看看
!资源免费,大家
分
享!!
iframe
自适应
高度
,亲测完美兼容IE6-9,Chrome,Opera,firefox,safari
因为有一个项目要用到
iframe
自适应
高度
,网上搜索了以下结果无数,不过看来看去都是那几个,而且基本都测试了一遍,所说的兼容根本不是那么回事,要不IE不正常,要不其他浏览器显示不正常,最后无奈,综合网上的方法...
.net 网页的布局框架
iframe
自适应
高度
js设置链接样式
网站
实现
了网页的布局,左边固定,点击左边的链接,在右边显示相应信息,
iframe
自适应
高度
,用js更改链接样式。网站是本人在练习的时候弄的,页面简单,功能
实现
了。看了就明白了。 vs2005的
如何
实现
iframe
(嵌入式帧)的
自适应
高度
好几次看到有人提问问到如何
实现
iframe
的
自适应
高度
,能够随着页面的长度自动的适应以免除页面和
iframe
同时出现滚动条的现象,刚好我在工作中也碰到了类似问题,于是上网翻查,东抄抄西
看看
,弄出来这么一个...
网页设计技巧:
iframe
自适应
高度
的问题
所谓
iframe
自适应
高度
,就是,基于界面美观和交互的考虑,隐藏了
iframe
的border和scrollbar,让人看不出它是个
iframe
JavaScript
87,910
社区成员
224,616
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章