用jQuery+div+iframe实现弹窗

首先在你的弹窗父页面添加如下代码，话不多说上代码

<div id="addCaseDiv" style="display:none;">
        <iframe></iframe>
    </div>

接下来当你点击弹窗按钮时，我这里给这个按钮的id属性设为addBtn，title属性为弹窗标题，iframe中src属性就是你要在弹窗中显示的页面地址，jQuery执行代码如下

$("#addBtn").click(function(){
    
    window.dialog = $("#addCaseDiv").clone().dialog({
        title: "可疑案例历史详细",
        width : '100%',
        height : 600,
        modal : true
    });
//    $("iframe",dialog).attr("scrolling","no");
    $("iframe",dialog).attr("frameborder","0");
    $("iframe",dialog).attr("height","100%");
    $("iframe",dialog).attr("width","100%");
    $("iframe",dialog).attr("src","Aml/html/SuspiciousPaybillDetail.html");
})

附上效果图几张，当你点击新增按钮时

弹窗如下窗口

 

转载于:https://www.cnblogs.com/hcp9/p/5607771.html