模态窗口的一些需要注意的有关问题 _Web前端

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

?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;');