iframe 的高度根据内容自动调整
2007-11-29 08:33
555 查看
我们在做项目的时候如果用到了Ifram的话,可能会有一个很苦恼的问题,那就是 Ifram 的高度可以被页面撑大,
但是撑大后就回不来了,那么,怎么让iframe 的高度自动根据iframe 里面页面的内容的高度来调整呢,很简单,
只需将如下 js 代码 copy 到 Ifram 的 src 属性所指向的页面中就可以了。
----以上代码写在被 iframe 包含的页面内,即 iframe 的 src 所指向的页面
注意:iframe必须要有name属性,否则无效。
但是撑大后就回不来了,那么,怎么让iframe 的高度自动根据iframe 里面页面的内容的高度来调整呢,很简单,
只需将如下 js 代码 copy 到 Ifram 的 src 属性所指向的页面中就可以了。
<script> function f_frameStyleResize(targObj){ var targWin = targObj.parent.document.all[targObj.name]; if(targWin != null) { var HeightValue = targObj.document.body.scrollHeight if(HeightValue < 475){HeightValue = 475} //不小于475 targWin.style.pixelHeight = HeightValue; } } function f_iframeResize(){ bLoadComplete = true; f_frameStyleResize(self); } var bLoadComplete = false; window.onload = f_iframeResize; </script>
----以上代码写在被 iframe 包含的页面内,即 iframe 的 src 所指向的页面
注意:iframe必须要有name属性,否则无效。
相关文章推荐
- 根据内容自动调整IFrame高度
- iframe根据内容自动调整高度,在ie,firfox可行,opera不行
- jquery控制iframe根据内容高度自动调整问题。
- 让iframe根据内容自动调整高度~~~
- 根据内容自动调整IFrame高度
- 根据内容自动调整iframe框架高度
- 设置DIV根据内容自动调整高度的三个方法
- iframe根据内容自动调整长度.
- 根据内容调整iframe的高度
- C# 在RichTextBox根据内容自动调整高度
- jQuery解决iframe高度随内容自动调整
- iOS开发--UILabel根据内容自动调整高度
- 根据内容调整iframe的高度
- 根据内容自动调整高度的cell
- 让UIWebView根据内容自动调整高度
- iframe自动根据内容调整大小
- UILabel根据内容自动调整高度
- ios 文字 控件 自适应 高度 宽度 CustomCell 自适应高度+uilabel自动换行+ UITextView 根据内容自动调整高度
- jquery mobaile中textarea根据内容自动调整高度
- 根据页面内容高度自动调整弹窗大小 推荐