当前位置: 代码迷 >> Web前端 >> 多浏览器兼容有关问题 IE Firefox Chrome
  详细解决方案

多浏览器兼容有关问题 IE Firefox Chrome

热度:539   发布时间:2013-08-13 16:43:28.0
多浏览器兼容问题 IE Firefox Chrome
    [size=x-large]在测试与各个浏览器兼容性的时候,发现在chrome浏览器下showModalDialog方法显示的并不是模态对话框,就像新打开一个页面一样,父窗口仍然可以随意获取焦点,并可以打开多个窗体,而且返回值returnValue也无法返回,一直是undefined。[/size]

因为打开的不是模态对话框,而是像open了一个新窗体一样。


处理方案:(本文皆指在chrome浏览器下)

问题一,父页面怎么从模态窗口获取返回值?

模态窗口:

$(function(){
   var obj = new Object();
    obj.id =ids;
    obj.name=names;
    if (window.opener != undefined) {
      // for chrome
      window.opener.returnValue = obj;
         } else {
          window.returnValue = obj;
        }
      window.close();
});

父页面处理:

obj =window.showModalDialog(url,obj,winSettings);

if (obj == undefined) {
   obj = window.returnValue;
}
.....

问题二,模态窗口怎么获取父页面参数?

模态窗口处理:

/**the arguments from the father window**/
    $(document).ready(function(){
if ($.browser.msie) {
//for IE browser
          var ids = window.dialogArguments.id.split(",");
          var names = window.dialogArguments.name.split(",");
} else {
  var IDS=window.opener.document.getElementById("attachedDocumentsId").value;
  var Ids = IDS.replace(/^\s+|\s+$/g, '');
  if(Ids!="" && Ids.lastIndexOf(",")!=(Ids.length-1)){
    Ids=Ids+",";
}
  var ids = Ids.split(",");
var Names = window.opener.document.getElementById("attachedDocuments").value;
var names = Names.split(",");
}
});

父窗口处理:

<s:hidden id="attachedDocumentsId" name="attachedDocumentsId" />









  相关解决方案