js弹出模态与非模态页面

来源：互联网发布：9.9淘宝特卖网编辑：程序博客网时间：2024/06/04 00:37

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();    }}

0 0