转载

jquery 实现iframe 自适应高度

引用：http://www.cnblogs.com/luluping/archive/2009/04/17/1437843.html

超级简单的方法，也不用写什么判断浏览器高度、宽度啥的。

下面的两种方法自选其一就行了。一个是放在和iframe同页面的，一个是放在test.html页面的。

注意别放错地方了哦。

iframe代码，注意要写ID

<iframe src="test.html" id="main" width="700" height="300" frameborder="0" scrolling="auto"></iframe>

jquery代码１：//注意：下面的代码是放在test.html调用

$(window.parent.document).find("#main").load(function(){ var main = $(window.parent.document).find("#main"); var thisheight = $(document).height()+30; main.height(thisheight); });

jquery代码２：//注意：下面的代码是放在和iframe同一个页面调用

$("#main").load(function(){ var mainheight = $(this).contents().find("body").height()+30; $(this).height(mainheight); });

正文到此结束

所属分类：编程技术

本文标签： Document HTML 代码 jquery find
版权声明： 本文为互联网转载文章，出处已在文章中说明(部分除外)。如果侵权，请联系本站长删除，谢谢。
本文海报： 生成海报一生成海报二

其他链接

关于本站

本站定位：个人技术类博客

本站作用：写博客、记日志、闲聊扯淡鼓捣技术。

问题交流

jquery 实现iframe 自适应高度

热门推荐

相关文章

说给你听

本文目录

随机标签

书籍教程

近期评论

网站信息

其他链接

关于本站

问题交流