欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

iframe 自适应高度

程序员文章站 2022-06-07 10:55:49
...
各位大侠,如何让iframe自适应内容的高度呢?我搜了网上好多方案,但没有一个管用的。怎么办?谁有好主意?

我的例子很简单,一个空白的页面,引用搜狐的主页,怎么框架自适应高度?
frameborder="0" width="100%" scrolling="no" height="100%">

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


回复讨论(解决方案)

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

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

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

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

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