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> <P> var obj = new Object(); <P> obj.name="justflyhigh.com"; <P> window.showModalDialog("modal.htm",obj,"dialogWidth=200px;dialogHeight=100px"); <P></script>

modal.htm

複製程式碼

複製程式碼

程式碼如下

<script><BR> var obj = window.dialogArguments;</script>

 alert("您傳遞的參數為：" obj.name)

2. 可以透過window.returnValue向開啟對話框的視窗傳回訊息，當然也可以是對象，例如：

parent.htm複製程式碼

程式碼如下:

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

.htm

複製程式碼 程式碼如下:

<script><o "http://www.jb51.net";<BR></script>