jquery获得iframe内容的高度
浏览数：32 /
时间：2015年06月09日
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里。
=================2013-05-28===================
如果引入文件里的内容高度变化后iframe的高度不会改变，所以需要在iframe引入的文件里加入下面的代码
//注意：下面的代码是放在/Poster/rightgp调用
$(window.parent.document).find("#right_frame_h").load(function(){
var main = $(window.parent.document).find("#right_frame_h");
var mainheight = $(document).height()+30;
main.height(mainheight );
});
=================2013-05-28===================
如果引入文件里的内容高度变化后iframe的高度不会改变，所以需要在iframe引入的文件里加入下面的代码
//注意：下面的代码是放在/Poster/rightgp调用
$(window.parent.document).find("#right_frame_h").load(function(){
var main = $(window.parent.document).find("#right_frame_h");
var mainheight = $(document).height()+30;
main.height(mainheight );
});
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
