JS模态窗口返回值兼容问题的完美解决方法

站长资源 2025/1/17 佚名

66 1538 66

DDR爱好者之家 Design By 杰米

因系统要兼容原IE已使用的关闭方法，经调试测得，需对window.dialogArguments进行再较验，不然易出问题。

function OKEnd(vals) {
  if (vals == null) vals = "TRUE";
  if (typeof (window.opener) == "undefined") {
    if (typeof (window.dialogArguments) != "undefined") {
      if (window.dialogArguments && window.dialogArguments != null) {
        window.opener = window.dialogArguments;
        if (window.opener && window.opener != null) {
          window.opener.ReturnValue = vals;
        }
      }
    }
  }
  else {
    if (window.opener && window.opener != null) {
      window.opener.ReturnValue = vals;
    }
  }
  window.returnValue = vals;
  self.close();
}

返回值接收的，只需在原有IE的接收模式下，多较验一下opener就可以了，如下：

//选择变更部门
     function SetOrganizeTree2() { var url="弹出页面";
       var ret = window.showModalDialog(url, window, "dialogWidth=400px;dialogHeight=500px;status=no;help=no;scroll=yes;resizable=yes;");
       if (typeof (ret) == "undefined") {
         ret = window.ReturnValue;
       }
       if (ret) {
         document.getElementById("hidDeptCode2").value = ret;
         document.getElementById("btnDeptCodeAdd").click();
       }
       return false;
     }

JS模态窗口返回值兼容问题完美解决方法

1、打开弹出窗口时把 window 作为第二个参数传入。

 var result = window.showModalDialog(url, window, "dialogWidth=" + width + "px;dialogHeight=" + height + "px;resizable:yes;")

 if (typeof (result) == 'undefined') {

     result = window.ReturnValue;

   }

   return result;

2、在弹出窗口中，执行如下JS，以接收传入的window

 if (typeof (window.opener) == 'undefined') window.opener = window.dialogArguments;

3、弹出窗口关闭前，调用如下JS赋返回值

 window.retureValue = vals;

    if (window.opener && window.opener != null)

        window.opener.ReturnValue = vals;

 

    window.close();

原理探讨：

chrome下，标准方法，在弹出页面不回发的情况下，是可以返回值的。有回发则不能正常返回值。此方法可以解决。

IE下标准方法，有时不明原因不能正确返回值，此方法可解决。

FF未详细测试，应该问题不大。

以上这篇JS模态窗口返回值兼容问题的完美解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

js模态窗口,返回值

DDR爱好者之家 Design By 杰米

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

DDR爱好者之家 Design By 杰米

评论“JS模态窗口返回值兼容问题的完美解决方法”

暂无评论...

JS模态窗口返回值兼容问题的完美解决方法

JavaScript 弹出子窗体并返回结果到父窗体的实现代码

js弹出窗口返回值的简单实例

评论“JS模态窗口返回值兼容问题的完美解决方法”

更新日志

友情链接