当前位置: 编程技术>WEB前端
javascript原生和jquery库实现iframe自适应高度和宽度
来源: 互联网 发布时间:2014-08-25
本文导语: javascript原生和jquery库实现iframe自适应内容高度和宽度---推荐使用jQuery的代码! 基于Jquery库的代码很好实现: $(document).ready(function(){ $("#mainframe").load(function(){ $(this).height(0); //用于每次刷新时控制IFRAME高度初始化 v...
javascript原生和jquery库实现iframe自适应内容高度和宽度---推荐使用jQuery的代码!
基于Jquery库的代码很好实现:
$(document).ready(function(){ $("#mainframe").load(function(){ $(this).height(0); //用于每次刷新时控制IFRAME高度初始化 var height = $(this).contents().height() + 10; $(this).height( height < 500 ? 500 : height ); }); });
基于JS原生代码的实现:
if (window.parent.length>0){window.parent.document.all.mainframe.style.height=document.body.scrollHeight;}
只需在你被iframe调用的文件之后加入上面这段即可!
这个也可以控制iframe的高度随内容的多而自动增长
jquery库实现iframe自适应内容高度和宽度
您可能感兴趣的文章:
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。