iframe自适应高度解决方案
来源:互联网 发布:面向切面编程什么意思 编辑:程序博客网 时间:2024/05/16 19:17
经常会有父页面需要通过iframe嵌入另一个子页面,又要适时根据子页面的高度调整父页面中iframe的高度,这就要求 页面必须具有自适应功能。自适应思想比较简单:就是父页面中iframe高度必须要适时根据子页面 高度进行调整。 由于涉及到js操作,因此对于不同域名的自适应解决方案有所不同,主要是在解决跨域问题。
- 对于同父级域名下的自适应高度:jipiao.taobao.com/index.htm 页面中嵌入jiudian.taobao.com/xxx.htm页面
1.0 http://jipiao.taobao.com/index.htm中关键代码
页面增加如下JS:
2.子页面http://jiudian.taobao.com/xxx.htm 中嵌入如下代码。即可。
- 不同父级页面,例如jipiao.taobao.com, www.koubei.com域名完全不一样,解决办法是使用一个代理页面jipiao.taobao.com/proxy.htm jipiao.taobao.com/index.htm页面嵌入 www.koubei.com/xxxx.htm,而xxx.htm需要隐藏嵌入jipiao.taobao.com/proxy.htm做为代理,可以将高度写在后面jipiao.taobao.com/proxy.htm#500,表示500px高度。
1.jipiao.taobao.com/index.htm页面中关键代码:
增加如下JS:
2. www.koubei.com/xxxx.htm 中关键代码:
3.在代理页面jipiao.taobao.com/proxy.htm中所有的代码如下:
- iframe自适应高度解决方案
- iframe高度自适应解决方案
- iframe自适应高度解决方案
- iframe自适应高度解决方案
- Iframe 高度自适应解决方案
- iframe 高度自适应完美解决方案
- iframe 跨域自适应高度的解决方案
- iframe 跨域自适应高度的解决方案
- iframe 根据内容自适应高度-终极解决方案
- 关于iframe自适应高度的解决方案
- 完美实现跨域Iframe高度自适应【Iframe跨域高度自适应解决方案】
- 完美实现跨域Iframe高度自适应【Iframe跨域高度自适应解决方案】
- 完美实现跨域Iframe高度自适应【Iframe跨域高度自适应解决方案】
- 跨域情况下Iframe高度自适应解决方案
- iframe自适应高度详解(非常好的解决方案)
- layer.open iframe高度自适应,屏幕居中的解决方案
- Iframe高度自适应
- iframe 的自适应高度
- 个人管理 - 如何演讲
- NO.12 Web应用数据配置一般策略(DataBase、Properties、XML配置对比)
- DB2中如何实现等级查询
- 写给30岁的自己,以及所有即将、正在、已经奔三的朋友们
- TOE(TCP/IP Offload Engine)网卡与一般网卡的区别
- iframe自适应高度解决方案
- 在Quartz里面设置TimeOut的设计
- 数据结构 循环链表
- 80后出师表
- 用Prolog语言解决简单的4碟汉诺塔(Hano)问题
- 走了?!
- Cookie精通之路[转]
- 假如爱情依旧
- sql server清除日志