时间:2021-05-26
本文实例讲述了js实现iframe自动自适应高度的方法。分享给大家供大家参考。具体如下:
在编写网页的时候,很多时候要用到自动伸缩iframe高度 ,假如ifram中嵌入的是一个列表,那么增加数据后,刷新列表,iframe高度会自动伸长。删除数据后,iframe高度要自动缩短。
将下一段代码拷贝到iframe所在那个html或者jsp页面。在</html>标签后,调用此函数即可。
<script type="text/javascript"> autoAdjustWindow();</script><script type="text/javascript">//自动调整iframe的高度,自适应树的展开和收缩function autoAdjustWindow(){ try{ window.frameElement.height=document.body.scrollHeight; window.frameElement.parentElement.height=document.body.scrollHeight; window.frameElement.width=document.body.scrollWidth; window.frameElement.parentElement.width=document.body.scrollWidth; }catch(e){ }}</script>希望本文所述对大家的javascript程序设计有所帮助。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
兼容主流浏览器的Iframe自适应高度,js脚本如下:复制代码代码如下://iframe高度自适应functioniframeAutoFit(iframeObj
本文实例讲述了JS实现iframe自适应高度的方法。分享给大家供大家参考,具体如下:functionreinitIframe(){variframe=docum
本文实例讲述了JS实现自适应高度表单文本框的方法。分享给大家供大家参考。具体实现方法如下:复制代码代码如下:JS实现自适应高度的表单文本框#shadow,#te
好几次看到有人提问问到如何实现iframe的自适应高度,能够随着页面的长度自动的适应以免除页面和iframe同时出现滚动条的现象,刚好我在工作中也碰到了类似问题
iframe自适应高度本身是很简单的方法,就是在页面加载完成后,重新计算一下高度即可。代码如下:复制代码代码如下://公共方法:设置iframe的高度以保证全部