• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

iframe 自适应高度

php 搞代码 3年前 (2022-01-23) 22次浏览 已收录 0个评论
文章目录[隐藏]

各位大侠,如何让iframe自适应内容的高度呢?我搜了网上好多方案,但没有一个管用的。怎么办?谁有好主意?

我的例子很简单,一个空白的页面,引用搜狐的主页,怎么框架自适应高度?
<iframe src=”http://www.sohu.com&#8221; name=”mainframe” marginwidth=”0″ marginheight=”0″
frameborder=”0″ width=”100%” scrolling=”no” height=”100%”></iframe>

我只是举个例子,不是盗链。谢谢大家。

回复讨论(解决方案)

你找了不少答案,再试一试,把iframe的地址改为和本页面相同的目录。
也就是说,你在1.html中写iframe,打开2.html,在2.html中写内容。最起码,两个文件都是你自己的,同一个域名可以访问。
把找到的答案再试一下。

不给你写码,只提供思路。因为搜狐的页面高度的是不可预测的,所以你得在父页面中用js去定时检测子页面(搜狐)的内容高度(简单点,检测document的height应该就可以),一旦发现height发生变化就在父页面中用j本文来源gao.dai.ma.com搞@代*码#网搞代gaodaima码s调整iframe的高度,一般根据用户的网络延时可能三四秒搜狐的页面应该就完全加载好了,你这儿的高度也就基本恒定下来了

我还是没搞定,这个问题估计也很难解决了。

1、修改 ifame 的高度需要使用 js,相信你已经找到代码了
2、js 不能操作跨域的控件。你不是搜狐,显然 iframe 中的搜狐是跨域的,所以修改失败
3、你只有将搜狐从跨域转变成不跨域的,然后才能达成你的目的
4、php 已经提供了获取远程数据(包括网页)的手段,你只需灵活应用就可以了

说的很清楚,就是第4点,我再学习一下怎么弄。


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:iframe 自适应高度
喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址