iframe自适应高度问题jquery

<iframe style="width: 290px; " src="${base}/show.action?code=kmsEntryQtRight&id=${data.ds1[0].id?if_exists}&entryName=${data.ds1[0].ENTRY_NAME?if_exists}" frameborder="no" scrolling="no" align="center" id="mainframe" ></iframe>

<script type="text/javascript">

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

$("#mainframe").load(function () {

var mainheight = $(this).contents().find("body").height() + 30;

$(this).height(mainheight);

});

</script>