js弹出模态与非模态页面

js弹出模态与非模态页面
1、非模态页面

window.open()

子页引用父页

window.opener

2、模态页面

window.showModalDialog(url,window,"dialogHeight:200px;dialogWidth:200px;center:Yes;Help:No;Resizable:No;Status:Yes;Scroll:auto;Status:no;");

子页引用父页window.parent.dialogArguments

或者子页中window.returnValue = xxx;返回给父页var ret = window.showModalDialog()

关于Chrome浏览器中模态窗体中页面无返回值的解决方案：

父页面

if (window.ActiveXObject) { //IE 
    $("#choose_entp").click(function() {
        var returnValue = window.showModalDialog("SelectEntpInfo.do?mod_code=${af.map.mod_code}&xxx=" + Math.random(), window, "dialogWidth:630px;status:no;dialogHeight:440px");
        if (returnValue != null) {
            setValue(returnValue.id, returnValue.name);
        }
    });
} else { //非IE 
    $("#choose_entp").click(function() {
        window.open("SelectEntpInfo.do?mod_code=${af.map.mod_code}&xxx=" + Math.random(), 'newwindow', 'height=440,width=630,top=150,left=300,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no');
    });
}

function setValue(id, name) {
    $("#entp_id").val(id);
    $("#entp_name").val(name);
}

子页面：

function getReturnValue(select_id,select_name){
    if(window.ActiveXObject){ //IE
        window.returnValue = {
                id : select_id,
                name :     select_name    
                } ;
        window.close();
    }else{ //非IE
        if(window.opener) {
            window.opener.setValue(select_id,select_name) ;
        }
        window.close();
    }
}