> 백엔드 개발 > PHP 튜토리얼 > iframe 自适应高度

iframe 自适应高度

WBOY
풀어 주다: 2016-06-23 09:09:37
원래의
1023명이 탐색했습니다.

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

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿