用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");
})

附上效果圖幾張，當你點擊新增按鈕時

彈窗如下窗口