动态调整Iframe以适应内容(仅同域)
2012-01-31 16:42
225 查看
通常情况下,您设置和宽度Iframe和高度。如果里面的内容比较大,滚动就够了。下面的脚本试图修复,动态调整iframe来适应它加载的内容。
将调整这样一个iframe:
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2'></script> <script type='text/javascript'> $(function(){ var iFrames = $('iframe'); function iResize() { for (var i = 0, j = iFrames.length; i < j; i++) { iFrames[i].style.height = iFrames[i].contentWindow.document.body.offsetHeight + 'px';} } if ($.browser.safari || $.browser.opera) { iFrames.load(function(){ setTimeout(iResize, 0); }); for (var i = 0, j = iFrames.length; i < j; i++) { var iSource = iFrames[i].src; iFrames[i].src = ''; iFrames[i].src = iSource; } } else { iFrames.load(function() { this.style.height = this.contentWindow.document.body.offsetHeight + 'px'; }); } }); </script>
将调整这样一个iframe:
<iframe src="content.html" class="iframe" scrolling="no" frameborder="0"></iframe>
相关文章推荐
- JavaScript应用:Iframe自适应其加载的内容高度
- Iframe自适应其加载的内容高度
- cell根据文本高度动态调整高度适应
- 适应各个浏览器的iframe高度自动调整
- 用javascript动态调整iframe高度
- QuickReport根据每行的内容长度动态调整DetailBand1的行高
- 网页根据自身高度动态调整所在iframe的高度
- iframe中动态添加html内容
- 如何使IFrame的长宽与内容自动适应大小
- 如何让iframe自动适应内容高度
- javascript应用:Iframe自适应其加载的内容高度
- 如何使IFrame的长宽与内容自动适应大小
- IFrame根据内容自动适应高宽(同域)
- 如何调整大小以显示一个 IFrame 其内容(不显示滚动条)
- iframe根据被嵌网页高度动态调整自身高度
- JS怎么控制IFRAME高度自动适应内容而不出现滚动条
- iframe自动适应高度及iframe中含有页签的高度动态适应方法
- 父级页面动态适应iframe高度变化
- 动态调整iframe页面的大小
- 用javascript动态调整iframe高度