让iframe简单有效自适应高度
来源:互联网 发布:java 初始化错误异常 编辑:程序博客网 时间:2024/05/01 08:17
一种简单有效自适应高度的iframe
<iframe src="show.htm" id="show" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" width="100%" onload="this.height=0;var fdh=(this.Document?this.Document.body.scrollHeight:this.contentDocument.body.offsetHeight);this.height=(fdh>7?fdh:7)"></iframe>
注:onload字段中的数值“7”为Iframe最低高度值,可自定义!
另外这个同时支持IE&Firefox:)
PS:如果内页的CSS设置了BODY的MARGIN属性,IFRAME自适应的高度不会把margin-top和margin-bottom的值加到里面,所以最后这地方this.height=(fdh>450?fdh:400)得改成
this.height=(fdh>450?fdh+margin-top的高度+margin-bottom的高度:400)
比如说
this.height=(fdh>450?fdh+20+15:400) //尚未测试
另外这个同时支持IE&Firefox:)
PS:如果内页的CSS设置了BODY的MARGIN属性,IFRAME自适应的高度不会把margin-top和margin-bottom的值加到里面,所以最后这地方this.height=(fdh>450?fdh:400)得改成
this.height=(fdh>450?fdh+margin-top的高度+margin-bottom的高度:400)
比如说
this.height=(fdh>450?fdh+20+15:400) //尚未测试
- 让iframe简单有效自适应高度
- 让IFRAME自适应高度
- 让Iframe自适应高度
- 让Iframe自适应高度
- 让Iframe自适应高度
- 让Iframe自适应高度
- 让Iframe自适应高度
- 让Iframe自适应高度
- 让iframe高度自适应
- 让iframe高度自适应
- iframe高度自适应的有效办法
- 最简单的方式让iframe根据内容显示高度即自适应高度
- 如何让iframe框架自适应内容高度
- 简单的iframe自适应高度和宽度
- 实现iFrame自适应高度,原来很简单!
- 实现iFrame自适应高度,原来很简单!
- 实现iFrame自适应高度,原来很简单!
- 实现iFrame自适应高度,原来很简单!
- 静态内存;堆内存;函数局部栈内存 demo程序(摘自C++程序员求职关键路径)
- 线程 --生产和消费问题
- cocos2d制作的塔防游戏(一)(共五篇)
- SIFT特征匹配中的相关问题
- 给电脑的情人节礼物
- 让iframe简单有效自适应高度
- hdu2066
- 用策略屏蔽135 139 445 3389端口+网络端口安全防护技 .
- flex与java的一种通信方式
- [Java] 自动生成visual studio项目文件
- C#中的GET和SET访问器
- boa移植过程中出现的问题
- 如何让telerikGridView控件变为可输入状态
- Activity声明周期中各个事件的执行时机