模态窗口的一些需要注意的问题-优快云博客

本文详细介绍了在使用模态窗口与非模态窗口进行页面交互时，如何解决session丢失的问题。通过在特定位置加入HTML标签及调整代码顺序，可以确保session状态在不同窗口间正确传递。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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