社区
JavaScript
帖子详情
怎么让 iframe 的高度自动根据 iframe 里面页面的内容的高度来调整?
searoom
2003-08-23 11:47:11
我以前做过的,都可以自动调整高度
但是,这次我 iframe 里面的页和 Parent 页不在同一个网站的
效果出不来
大家给我看看吧: www.xgdsz.com
在网上版房那块
...全文
170
11
打赏
收藏
怎么让 iframe 的高度自动根据 iframe 里面页面的内容的高度来调整?
我以前做过的,都可以自动调整高度 但是,这次我 iframe 里面的页和 Parent 页不在同一个网站的 效果出不来 大家给我看看吧: www.xgdsz.com 在网上版房那块
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
11 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
yonghengdizhen
2003-08-27
打赏
举报
回复
楼上的需要ie5.5以上版本支持
好记忆不如烂笔头abc
2003-08-26
打赏
举报
回复
<iframe src='http://www.csdn.net'
NAME='PICC_CoverInfo'
ID='PICC_CoverInfo'
FRAMEBORDER=0
marginWidth="0"
marginHeight="0"
scrolling=no
width="100%"
onload='var f=document.all["PICC_CoverInfo"]; var b=f.Document.body; f.height=b.scrollHeight'>
</iframe>
多菜鸟
2003-08-26
打赏
举报
回复
比如:<iframe src="d.htm" id="dd"></iframe>
在d.htm里:
<body onload="parent.window.document.all.dd.height=document.body.scrollHeight" topmargin="0">
searoom
2003-08-23
打赏
举报
回复
那有没有什么办法?
fason
2003-08-23
打赏
举报
回复
跨域访问,没有权限
fason
2003-08-23
打赏
举报
回复
跨域访问,没有权限
searoom
2003-08-23
打赏
举报
回复
上面的方法不行啊
我以前是在 iframe 页中的 onload 事件中写代码的,都可以
cloudchen
2003-08-23
打赏
举报
回复
<iframe src="date.htm" frameborder="0" onload="style.height=main.document.body.scrollHeight" id="main"></iframe>
searoom
2003-08-23
打赏
举报
回复
这么麻烦的啊?!
yonghengdizhen
2003-08-23
打赏
举报
回复
不过你的xmlhttp处理就要捕获所有页内导航动作并负责抓取目标数据了.如果你还想控制弹出窗口的内容,那么要做的工作更多.
yonghengdizhen
2003-08-23
打赏
举报
回复
没什么办法.如果实在要抓数据用xmlhttp抓取html内容自己初始化iframe那样就不会存在跨域访问的问题了
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
高度
,而不显示其滚动条 js
js脚本:
自动
调节
iframe
高度
,而不显示其滚动条
jQuery简单实现
iframe
的
高度
根据
页面
内容
自适应的方法
本文实例讲述了jQuery简单实现
iframe
的
高度
根据
页面
内容
自适应的方法。分享给大家供大家参考,具体如下: 方式1: //注意:下面的代码是放在和
iframe
同一个
页面
中调用 $(#
iframe
Id).load(function () { var mainheight = $(this).contents().find(body).height() + 30; $(this).height(mainheight); }); 方式2: //注意:下面的代码是放在
iframe
引用的子
页面
中调用 $(window.parent.document).find(#if
自动
控制
iframe
高度
的js
做子
页面
时经常碰到
iframe
无法
自动
调整
高度
显示问题,本js解决此问题,通用支持各主流浏览器
JavaScript
87,902
社区成员
224,614
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章