1、父視窗(也即用來控制快顯視窗的那個頁面)
parent.html
---------------------------------------------------------------------------------------
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>showModalDialog</title>
<script language="JavaScript">
var aInfo = new Array(3);
aInfo[0] = "I";
aInfo[1] = "love";
aInfo[2] = "windy";
var url = "son.html";
var sFeatures = "dialogWidth=500px;dialogHeight=500px;dialogLeft=0;dialogTop=0;";
function showDialog(){
var returnValue = window.showModalDialog(url,aInfo,sFeatures);
if(returnValue!=null){
// for(var i=0;i<returnValue.length;i++){
// document.all.info.innerHTML = returnValue[i]+"<br>";
// }
document.all.info.innerHTML=returnValue;
}
}
</script>
</head>
<body>
<h3>
<a href="#" onclick="showDialog()">開啟Dialog視窗</a>
</h3>
<div id="info"></div>
</body>
</html>
2、子視窗(即將被彈出的那個頁面)
son.html
-----------------------------------------------------------------------------------------
<html>
<head>
<title>Dialog</title>
</head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<body>
<script language="JavaScript">
var args = window.dialogArguments;
if(args!=null){
for(var i=0;i<args.length;i++){
document.writeln(args[i]);
}
}
else{
document.writeln("對不起,參數為空白");
}
window.returnValue = "這是子視窗返回來的值";
</script>
</body>
</html>