IE的模态对话框里的问题还真是不少

    模态对话框(Modal Dialog),是一种会block顺序执行程序的窗口,比如C#里的MessageBox.Show(this,...),JavaScript里的alert(...)、confirm(...)等,是我们最常见的模态对话框。不关闭这种对话框程序的当前线程就被一直挂起了,这种窗口的特性最适合用来做条件分支的判断提示和Wizard窗口。

    在IE里面,我们可以通过window对象的showModalDialog方法十分方便的开启一个模态对话框。可是这个从IE4.0就开始支持的feature,居然还有一堆一堆的问题:( 比如:点超级链接或Submit按钮会开启新窗口啊,不能使用F5刷新啊,拿不到模态窗口的opener啊,等等。不过这些老问题绕来绕去都还算是被解决了。剩下的什么怎么在模态窗口间传出传入参数啊,怎么执行其opener里的方法啊,怎么关闭啊,就属于没有好好看msdn和对DHTML的不熟悉了。

    今天一不小心又发现一个模态对话框让人抓狂的问题,不能在里面使用XMLHTTP对象获取服务器数据,一调用就立刻返回空字符串。搞了半天找不到原因,于是啰里啰唆的把模态对话框的父窗口传到对话框内,把调用XMLHTTP对象的程序从模态窗口里原样移到父窗口里,从模态窗口去调父窗口里的方法,结果一下就取到服务器上的数据了。到这里我还以为找到模态对话框的bug了,回家后决定把这个bug再研究一下,结果却很顺利的从模态窗口里调用XMLHTTP对象获得了服务器上的数据。真是郁闷!!!

    明天再找个机器来试试,看看到底还有没有问题。

    如果你对JS也感兴趣,不妨也来试验一下,看看到底是我机器环境本身的原因,还是这是一个不确定的bug。

    测试代码如下:

<html>
    
<head>
        
<title>Caller</title>
    
</head>
    
<body>
        
<button onclick="OpenDialog()">Open Dialog
    
</button>
        
<script language="javascript">
        
function OpenDialog()
        
{
            
var dlg = window.showModalDialog('Callee.htm');
        }

        
</script>
    
</body>
</html>

    存为:Caller.htm

<html>
    
<head>
        
<title>Callee</title>
    
</head>
    
<body>
        
<table border="0" width="100%" height="100%">
            
<tr>
                
<td align="center" valign="middle">
                    
<button onclick="GetData()" ID="Button1">Open Dialog
                    
</button></td>
            
</tr>
        
</table>
        
<script language="javascript">
        
function GetData()
        
{
            
var url = 'http://www.google.com';
            __XmlHttpPool__.GetRemoteData(url, alert);
        }

        
</script>
        
<script language="javascript"></script>
    
</body>
</html>

    存为:Callee.htm 

    欢迎回复您的实验结果,同时也欢迎讨论模态窗口的其它问题及解决方法。

posted on 2005-01-14 08:58  birdshome  阅读(...)  评论(...编辑  收藏

导航