模態窗口showModalDialog 的瀏覽器兼容edge解決方案

之前寫的showModalDialog（）方法，只能在IE中使用，在edge瀏覽器中會報錯。顯示Undefined。

后來發現是Edge瀏覽器不支持該方法，最快的解決辦法就是轉換一下。

原方法：

function preview() {
        var result = showModalDialog('preview.aspx?Id=' + document.getElementById('hidpreviewid').value, window, 'dialogWidth:1000px;dialogHeight:620px;center:yes;help:no;resizable:no;status:no'); 
            if (result) {

            }
            else {

            }
        }

后來在此方法下面加了一個轉換的方法：

function showModalDialogN(uri, args, opts) {
            if (!window.showModalDialog) {
                showModalDialogN = function (uri, args, opts) {
                    opts = opts.replace(/:/g, '=')
                        .replace(/;/g, ',')
                        .replace('dialogWidth', 'width')
                        .replace('dialogHeight', 'height')
                        .replace('dialogtop', 'top')
                        .replace('dialogleft', 'left')
                        .replace('scroll', 'scrollbars');
                    window.open(uri, '', opts).dialogArguments = args;
                };
            } else {
                window.showModalDialog(uri, args, opts);
            }
        }

 

然后把原方法中的showModalDialog直接改成showModalDialogN。完美解決！

 

感謝原作者：https://blog.csdn.net/ambit_tsai/article/details/80633290

還有整理的博主：模態窗口showModalDialog的瀏覽器兼容解決方案【改】 - 戈博折刀 - 博客園 (cnblogs.com)