jquery ui dialog 加载单独页面，不使用iframe
程序员文章站
2022-05-16 16:52:03
...
使用iframe加载页面，
优点，没有冲突，缺点：需要单独引用css，js
一、使用ifame
方式一：
感觉这个好点，不用总重新创建iframe
<div style="display:none;overflow:hidden;padding:3px" id="dialog"><iframe frameborder="no" border="0" marginwidth="0" marginheight="0" id="prodcutDetailSrc" scrolling="no" width="100%" height="100%"></iframe></div>
$("#prodcutDetailSrc").attr("src","ProductDetails.aspx?id=" + $(this).attr("id")); //设置IFRAME的SRC;
$("#dialog").dialog({dialogoptions});
https://www.cnblogs.com/kmsfan/p/4119788.html
方式二：
$("<iframe id='editFrame' src='http://localhost:8080/upf/test.jsp' />").dialog({autoOpen: true, modal: true, title: "新增人员" });
https://blog.csdn.net/codefighting/article/details/6263776
二、不使用ifame
用load方法加载，推荐
<div id="dlgCheckRole" class="hide"></div>
$("#dlgCheckRole").load(contextPath+"/role/checkRole?userId="+userId).removeClass('hide').dialog({dialogoptions});
https://*.com/questions/5660263/how-to-display-an-iframe-inside-a-jquery-ui-dialog