model框中嵌套iframe子页面

<%-- 点击按钮弹出model框 --%>
<button id="btnshow" class="CssClass="btn btn-primary"></button>

<%-- bootstrap的model框使用iframe嵌套子页面 --%>
<div id="modelID" class="modal" data-keyboard="false" data-backdrop="static">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                    <h4 class="modal-title"><b>处理操作</b></h4>
                </div>
                <div class="modal-body">
                    <iframe frameborder="0" style="width: 100%; height: 400px;"></iframe>
                </div>
            </div>
        </div>
 </div>

<script type="text/javascript">

$("#btnshow").click(function () {
                var Mymodel = $("#modelID");

                var iframe = Mymodel.find("iframe")[0];

                iframe.src = "xxxxxxxx"; 

                Mymodel.modal("show");
                
                iframe.onload = function () {
                    //iframe中的页面内容当按钮"save"保存点击完成以后关闭当前model框
                    iframe.contentWindow.$(".save").on("click", function () {
                       
                            Mymodel.modal("hide");
                        
                    });

                    //iframe中的页面内容当按钮"cancel"取消点击完成以后关闭当前model框
                    iframe.contentWindow.$(".cancel").on("click", function () {
                            Mymodel.modal("hide");
                    });
                 
                }

      })

</script>