模态窗口的一些需要注意的问题

 1、模态窗口刷新

    父页面打开子页面:

var url;                             
var name;                          
var iWidth;                        
var iHeight;                    
 if(iWidth==''){
   iWidth = 400;
}
 if(iHeight==''){
   iHeight = 600;
 }
  var iTop = (window.screen.availHeight-30-iHeight)/2;       
 var iLeft = (window.screen.availWidth-10-iWidth)/2;    
 window.showModalDialog(url,window,"dialogWidth="+iWidth+"px;dialogHeight="+iHeight+"px; resizable=yes;status=no ");

 

子页面刷新父页面:

window.dialogArguments.location.reload();

     注:一般打开子页面后,想在子页面进行一些操作,提交action,但点击按钮查询时,老是弹出新窗口,而不是在原窗口查询。解决方法:<head></head>之间加入<base  target="_self"> ,引入这一语句,位置放置的不好又有可能一起另一错误:Internet 无法打开。原因如下:

<base target="_self" /> 

该段代码且放在了其他引用js的前面。该问题在IE6下存在,IE7下面正常。

解决办法:

将<base target="_self" /> 放在所有引用的js之后,就可以解决该问题。

 

2、 模态窗口到非模态窗口,session丢失

 

打开模态窗口A后,要在A上打开非模态窗口B时,就会出现session丢失的情况。

打开A的代码:

 window.showModalDialog(url,window,"dialogWidth="+iWidth+"px;dialogHeight="+iHeight+"px; resizable=yes;status=no ");

 

打开B的代码:

window.open(url,'','height= 500px, width= 760px,);

 

解决问题的办法:

 

打开A的代码为:

window.showModalDialog(url,window,"dialogWidth="+iWidth+"px;dialogHeight="+iHeight+"px; resizable=yes;status=no ");

 

 

 

而要在A页面打开B,代码如下:

var openobj = window;    
if(typeof(window.dialogArguments) == "object")    {    
      openobj = window.dialogArguments;    
}   
 openobj.open(url,'','height= 500px, width= 760px;');  

 

 

 

你可能感兴趣的:(问题)