Maison > développement back-end > tutoriel php > iframe 自适应高度

iframe 自适应高度

WBOY
Libérer: 2016-06-23 09:09:37
original
1025 Les gens l'ont consulté

各位大侠,如何让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点,我再学习一下怎么弄。

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal