經(jīng)常遇到這樣的問題，需要打開一個窗口，在窗口里面進行操作，然后傳值到母窗體，可以用模態(tài)窗體傳值實現(xiàn)，主要用到的是showModalDialog這個方法
基本介紹：
showModalDialog() (IE 4+ 支持)
showModelessDialog() (IE 5+ 支持)
window.showModalDialog() 方法用來創(chuàng)建一個顯示HTML內容的模態(tài)對話框。
window.showModelessDialog() 方法用來創(chuàng)建一個顯示HTML內容的非模態(tài)對話框。
使用方法：
vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])
vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])
參數(shù)說明：
sURL -- 必選參數(shù)，類型：字符串。用來指定對話框要顯示的文檔的URL。
vArguments -- 可選參數(shù)，類型：變體。用來向對話框傳遞參數(shù)。傳遞的參數(shù)類型不限，包括數(shù)組等。對話框通過window.dialogArguments來取得傳遞進來的參數(shù)。
sFeatures -- 可選參數(shù)，類型：字符串。用來描述對話框的外觀等信息，可以使用以下的一個或幾個，用分號“;”隔開。
----------------
1. dialogHeight: 對話框高度，不小于100px
2. dialogWidth: 對話框寬度。
3. dialogLeft: 離屏幕左的距離。
4. dialogTop: 離屏幕上的距離。
5. center: { yes | no | 1 | 0 } ： 是否居中，默認yes，但仍可以指定高度和寬度。
6. help: {yes | no | 1 | 0 }： 是否顯示幫助按鈕，默認yes。
7. resizable: {yes | no | 1 | 0 } [IE5+]： 是否可被改變大小。默認no。
8. status: {yes | no | 1 | 0 } [IE5+]： 是否顯示狀態(tài)欄。默認為yes[ Modeless]或no[Modal]。
9. scroll: { yes | no | 1 | 0 | on | off }：是否顯示滾動條。默認為yes。
從網(wǎng)上找了個蠻好的例子，parent.html為母窗體，test1.html為子窗體，點擊motai按鈕返回文本框的值
parent.html
程序代碼
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<head>
<title>parent</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<script language="javascript">
function testModelDialog()
{
var obj=new Object();
obj.name = self.document.getElementById("txtUserName").value;
obj.password = self.document.getElementById("txtPWD").value;
var ddd = window.showModalDialog("test1.html",obj);
//test1.html 用來指定對話框要顯示的html的URL
//obj 用來向對話框傳遞參數(shù)
document.getElementById("txtUserName").value =ddd;
}
</script>
</head> <BODY>
<form name = "form">
<input type="text" id="txtUserName">
<input type="text" id="txtPWD">
<input type="button" id="btnSubmit" value="提交" onclick=testModelDialog()>
</form>
</BODY>
</HTML>
子窗體test1.html
程序代碼
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<head>
<title>child</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<script language="javascript">
function returnalue()
{
var obj = new Object();
obj=window.dialogArguments;
document.getElementById("txtValue").value=obj.name;
}
function backValue()
{
var re = document.getElementById("txtValue").value;
window.returnValue = re;
window.close();
}
</script>
</head> <BODY onload=returnalue()>
<form name = "form">
<input type="text" id="txtValue">
<input type="button" id="btnResult" value="提交" onclick=returnalue()>
<input type="button" id="btnModal" value="motai" onclick=backValue()>
</form>
</BODY>
</HTML>
雖然這樣可以實現(xiàn)了兩個網(wǎng)頁間的參數(shù)傳遞，但在畫面跳轉時是卻不能調用與html相對應的方法（seasar中的page方法，或ssh中的action方法等）。但是很多時候頁面跳轉的時候是需要調后臺的方法來進行一系列的操作，在子頁面初始化某些通過參數(shù)進行數(shù)據(jù)庫查詢等操作之后的數(shù)據(jù)，這樣需要調用后臺方法時候可以選擇用ajax去調用后臺的方法。至于ajax的具體實現(xiàn)方法參見上一篇“teeda的ajax”。（這是我目前用的方法，雖然可以實現(xiàn)，顯然不夠完美，如果有更好的方法，還希望朋友們給留點意見哦。）
本站僅提供存儲服務，所有內容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權內容，請
點擊舉報。
