首页 > 其他 > 详细

Chrome showModalDialog undefined is not a function 的替代方案

时间:2014-10-21 11:58:51      阅读:1232      评论:0      收藏:0      [点我收藏+]
function myShowModalDialog(url, width, height, fn) {
    if (navigator.userAgent.indexOf("Chrome") > 0) {
        window.returnCallBackValue354865588 = fn;
        var paramsChrome = ‘height=‘ + height + ‘, width=‘ + width + ‘, top=‘ + (((window.screen.height - height) / 2) - 50) +
            ‘,left=‘ + ((window.screen.width - width) / 2) + ‘,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no‘;
        window.open(url, "newwindow", paramsChrome);
    }
    else {
        var params = ‘dialogWidth:‘ + width + ‘px;dialogHeight:‘ + height + ‘px;status:no;dialogLeft:‘
                    + ((window.screen.width - width) / 2) + ‘px;dialogTop:‘ + (((window.screen.height - height) / 2) - 50) + ‘px;‘;
        var tempReturnValue = window.showModalDialog(url, "", params);
        fn.call(window, tempReturnValue);
    }
}
function myReturnValue(value) {
    if (navigator.userAgent.indexOf("Chrome") > 0) {
        window.opener.returnCallBackValue354865588.call(window.opener, value);
    }
    else {
        window.returnValue = value;
    }
}

以上代码保存到公用JS文件中 页面引用

 

父窗体调用方法

myShowModalDialog("Channel-Operation-" + $(this).attr("data-id"), 500, 300, function (v) {
    if (v == 1) {
        loadList();
    }
});

最后一个参数为回调函数

 

子窗体传值方法

myReturnValue(1);
window.close();

  

 

不完美之处是 Chrome 中不是模态窗体

 

有时间换用div+iframe

 

原文地址 http://www.cnblogs.com/fei85454645/p/4039910.html

Chrome showModalDialog undefined is not a function 的替代方案

原文:http://www.cnblogs.com/fei85454645/p/4039910.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!