jquery獲得iframe內容的高度

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 );
});