javascript 實現子父表單互相傳值的簡單一實例_javascript技巧

window.showModalDialog() 使用方法：

var returnValue = window.showModalDialog(url [, arguments] [,features]);

url  -- 必選參數，類型：字串，用來指定對話方塊要顯示的文檔的URL

arguments  -- 選擇性參數，類型：變體，用來向對話方塊傳遞參數，傳遞的參數類型不限，包括數組等，對話方塊通過window.dialogArguments來取得傳遞進來的參數

features   -- 選擇性參數，類型：字串，用來描述對話方塊的外觀等資訊，可以使用以下的一個或幾個，用分號“;”隔開

dialogHeight：對話方塊高度，不小於100px
dialogWidth：對話方塊寬度
dialogLeft：離螢幕左的距離
dialogTop：離螢幕上的距離
center：{ yes | no | 1 | 0 }：是否置中，預設yes，但仍可以指定高度和寬度  
help：{yes | no | 1 | 0 }：是否顯示協助按鈕，預設yes
resizable：{yes | no | 1 | 0 } [IE5+]：是否可被改變大小，預設no
status：{yes | no | 1 | 0 } [IE5+]：是否顯示狀態列，預設為yes[ Modeless]或no[Modal]
scroll：{ yes | no | 1 | 0 | on | off }：是否顯示捲軸，預設為yes

參數傳遞：

1. 要想對話方塊傳遞參數，是通過arguments來進行傳遞的，類型不限制，對於字串類型，最大為4096個字元，也可以傳遞對象，例如：
parent.htm

複製代碼 代碼如下:

<script>

 var obj = new Object();

 obj.name="justflyhigh.com";

 window.showModalDialog("modal.htm",obj,"dialogWidth=200px;dialogHeight=100px");

</script>

modal.htm

複製代碼 代碼如下:

<script>
 var obj = window.dialogArguments;
 alert("您傳遞的參數為：" + obj.name)
</script>

2. 可以通過window.returnValue向開啟對話方塊的視窗返回資訊，當然也可以是對象，例如：

parent.htm

複製代碼 代碼如下:

<script>
 var result =window.showModalDialog("modal.htm",,"dialogWidth=200px;dialogHeight=100px");
 alert(result);
</script>

modal.htm

複製代碼 代碼如下:

<script>
 window.returnValue="http://www.jb51.net";
</script>