主页 个人前端笔记 jquery获得iframe内容的高度
admin
发表于2013-05-17 10:43:26    只看楼主 楼主
头衔:  精益求精
注册时间: 2012-10-07
用户组: 日常管理组
发帖数:  502
金币数:  186
短消息
html:
<iframe name="rightgp" id="right_frame_h" src="/Poster/rightgp" width="600px" height="500" scrolling="no"></iframe>

JS:
//初始框架高度
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
$("#right_frame_h").load(function(){
var mainheight = $(this).contents().find("#right_").height()+30;
$(this).height(mainheight);
});

#right_frame_h为iframe的ID
#right_为iframe引入的页面里ID为#right_的容器。按说可以用body,但是我测试的用body获得的高度与实际高度不等,所以把整体内容添加到一个ID为#right_的div里。

回复人
回复内容

Powered BY YouYaX
个人自主开发论坛,从2010年10月份开发至今!

操作管理