DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JS模態窗口返回值兼容問題的完美解決方法
JS模態窗口返回值兼容問題的完美解決方法
編輯:關於JavaScript     

因系統要兼容原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模態窗口返回值兼容問題的完美解決方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved