当前位置: 编程技术>jquery
Jquery实现iframe高度自适应的代码
来源: 互联网 发布时间：2014-09-03
本文导语: 本文提供二种实现方法。 一个是放在和iframe同页面的，一个是放在test.html页面的。 注意代码所放的位置，不要搞混了。 1、iframe代码，注意ID不可缺少。 2、 代码示例: //代码1 //注意：下面的代码是放在test.html调用 $(window.p...
本文提供二种实现方法。
一个是放在和iframe同页面的，一个是放在test.html页面的。
注意代码所放的位置，不要搞混了。
1、iframe代码，注意ID不可缺少。
2、
代码示例:
//代码1
//注意：下面的代码是放在test.html调用
$(window.parent.document).find("#main").load(function(){
var main = $(window.parent.document).find("#main");
var thisheight = $(document).height()+30;
main.height(thisheight);
});
//代码２
//注意：下面的代码是放在和iframe同一个页面调用
$("#main").load(function(){
var mainheight = $(this).contents().find("body").height()+30;
$(this).height(mainheight);
});
希望以上的代码，可以帮助大家快速解决iframe自适应高度的问题。
脚本学堂，祝大家学习进步。
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。