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>