模式(态)对话框与非模式(态)对话框例子
在很多情况下，我们需要通过弹出窗口来显示数据，其中弹出窗口中就有模式对话框与非模式对话框两种，模式对话框与非模式对话框的区别在于模式对话框弹出后，除非你关闭此模式对话框，否则你将不能进行其他操作，而非模式对话框却不是这样，弹出非模式对话框后，你还是可以进行其他的操作，比如在输入框中输入文字等等。以下将给出这两种窗口的例子。
在javascript上的调用语句区别如下：
模式对话框：showModalDialog
非模式对话框：showDialog
调出的模式对话框也有两种，一种为模式对话框是一个文件，另一种为模式对话框是一个非文件的比如div层，以下分别用两个例子来说明之：
1、模式（态）对话框
1.1、模式对话框是一个文件
调用者文件test1.html：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<script type=”text/javascript”>
function openDialog(){
//建议传window对象，包含了父窗口的所有值
//得到从子窗口中返回的值
var k = window.showModalDialog(“test2.html”,window,”dialogWidth:335px;status:no;dialogHeight:300px”);
document.getElementById(“v”).value = k.value;
}
</script>
<title>模式对话框例子</title>
</head>
<body>
<input type=”hidden” value=”从父窗口传入的值”/>
<input type=”button” value=”点我” onClick=”javascript:openDialog()”/>
从子窗口返回值：<input name=”v” value=”"/>
</body>
</html>
弹出的模式对话框文件test2.html：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<script type=”text/javascript”>
function start() {
var parentArguments = window.dialogArguments;
var h = parentArguments.document.getElementById(“h”).value;
document.getElementById(“t”).value = h;
parentArguments.document.getElementById(“v”).value = “这是返回给父窗口的值”;
}
</script>
<title>模式对话框</title>
</head>
<body onload=”start()”>
<input type=”text” value=”"/>
</body>
</html>
1.2、模式对话框为非文件窗体
抱歉，这个我现在还不知道怎么弄，不过在网上看到一个帖子：
DIV模拟模式对话框window.showModalDialog效果，地址为：
http://www.cnblogs.com/Charles2008/archive/2008/12/30/1364857.html，有需要的朋友可以自己去看看。
2、非模式（态）对话框
例子下载地址：http://www.blogjava.net/Files/bbmonkey62/diagTest.rar
附录：
showModalDialog() (IE 4+ 支持)
showModelessDialog() (IE 5+ 支持)
window.showModalDialog() 方法用来创建一个显示HTML内容的模态对话框。
window.showModelessDialog() 方法用来创建一个显示HTML内容的非模态对话框。
如无转载说明，则均为本站原创文章，转载请注明：来源：子猴博客
