jquery 动态设置iframe的高度

页面代码

<!--编辑表单开始-->
        <div region="center" bodyCls="box" id="bddiv">
         <iframe id="ckframe" name="ckframe" frameborder="no" style="border:none" scrolling=no  
              width="100%" height="9999px;"></iframe>
            <div id="spform">
            <input class="mini-hidden" type="hidden" name="fxxx_bh" id="fxxx_bh" value="[%HTML::TEXT.FXXX_BH%]" />
            <input class="mini-hidden" type="hidden" name="openTabId" id="openTabId" value="[%HTML::TEXT.openTabId%]" />
            <table width="100%" border=0 cellPadding=0 cellSpacing=0 class="edit">
                <tbody>
                    <tr>
                        <th width="20%">审批意见：</th>
                        <td width="80%" id="sjyjTd">
                        </td>
                    </tr>
                    <tr>
                        <th width="20%">审批说明：</th>
                        <td width="80%">
                            <textarea name="sjyjsmTd" id="sjyjsmTd" class="mini-textarea noborder-textarea" 
                                style="height: 90px" allowinput="false"></textarea>
                        </td>
                    </tr>
                </tbody>
            </table>
            </div>
        </div>

 一开始要把iframe高度设置成9999px寓意是无限高

然后延迟读取iframe内部页面高度并设置成父页面的iframe高度

	setTimeout(function(){
		$("#ckframe").height($("#ckframe").contents().find("#ksfkForm").height());
	},500);