chrome中showModalDialog解决方案

调用myShowModalDialog

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27

function myShowModalDialog(url, width, height, callback) {     if(window.showModalDialog)     {         if(callback)         {             var rlt = showModalDialog(url, '', 'resizable:no;scroll:no;status:no;center:yes;help:no;dialogWidth:' + width + ' px;dialogHeight:' + height + ' px');             if(rlt)                 return callback(rlt);             else             {                 callback(window.returnValue);             }         }         else             showModalDialog(url, '', 'resizable:no;scroll:no;status:no;center:yes;help:no;dialogWidth:' + width + ' px;dialogHeight:' + height + ' px');     }     else     {         if(callback)             window.showModalDialogCallback = callback;         var top = (window.screen.availHeight-30-height)/2; //获得窗口的垂直位置;         var left = (window.screen.availWidth-10-width)/2; //获得窗口的水平位置;         var winOption = "top="+top+",left="+left+",height="+height+",width="+width+",resizable=no,scrollbars=no,status=no,toolbar=no,location=no,directories=no,menubar=no,help=no";         window.open(url,window, winOption);     } }

　　

 

test.html中脚本函数

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14

<script type='text/javascript'>//在点击网页中确定按钮调用SetReturnValue function SetReturnValue() {     var rlt = "我想返回的数值";     window.returnValue = rlt;//ie之类浏览器     if(opener != null && opener != 'undefined')     {         window.opener.returnValue = rlt; //chrome有些版本有问题, 所以在子窗口同时修改了父窗口的ReturnValue(能执行showModalDialog的chrome)         if(window.opener.showModalDialogCallback)             window.opener.showModalDialogCallback(rlt);     }     window.close(); } </script>

　　

调用方式

?

1 2 3

myShowModalDialog("http://test.com/test.html", 500, 4000, function(resv){          alert(resv);//原窗口关闭处理流程 });