JavaScript showModalDialog用法

window.showModalDialog(URL,dialogArgments.features) 打開一個新窗口

URL爲要開啓的網頁名字。
dialogArgments爲設定好傳遞給新視窗網頁的參數，能夠爲任意數據類型。
feature 與open()的相似，都是格式方面的設定。調用格式爲featureName1:featureValue1:(分號)featureName2:featureValue2:

關於feature具體的參數我就不詳細寫了，看名字就應該知道什麼用處了吧。
certer , dialogHeight, dialogLeft,dialogTop,dialogWidth,help(是否顯示help按鈕，下同），status,resizeable
值＝1爲yes,0爲no.

我認爲最重要的是dialogArgments，能夠傳遞值到新的窗口。
第二重要就是 它的返回值 window.returnValue.能夠在showModalDialog開啓的窗口關閉後前，回傳一個任意類型的值

 

 

showModalDialog和showModelessDialog使用心得

1、showModalDialog和showModelessDialog有什麼不一樣？
　　showModalDialog：被打開後就會始終保持輸入焦點。除非對話框被關閉，不然用戶沒法切換到主窗口。相似alert的運行效果。
　　showModelessDialog：被打開後，用戶能夠隨機切換輸入焦點。對主窗口沒有任何影響(最可能是被擋住一下而以。:P)

2、怎樣才讓在showModalDialog和showModelessDialog的超鏈接不彈出新窗口？
　　在被打開的網頁里加上就能夠了。這句話通常是放在和之間的。

3、怎樣才刷新showModalDialog和showModelessDialog裏的內容？
　　在showModalDialog和showModelessDialog裏是不能按F5刷新的，又不能彈出菜單。這個只能依靠javascript了，如下是相關代碼：

reload...

　　將filename.htm替換成網頁的名字而後將它放到你打開的網頁裏，按F5就能夠刷新了，注意，這個要配合使用，否則你按下F5會彈出新窗口的。

4、如何用javascript關掉showModalDialog(或showModelessDialog)打開的窗口。
　　
　　也要配合，否則會打開一個新的IE窗口，而後再關掉的。

5、showModalDialog和showModelessDialog數據傳遞技巧。
　　(做者語：原本想用一問一答形式來寫的，可是我想不出這個怎麼問，因此只好這樣了。)
　　這個東西比較麻煩，我改了好幾回了不是沒辦法說明白(語文水平愈來愈差了)，只好用個例子說明了。
　　例子：
　　　　如今須要在一個showModalDialog(或showModelessDialog)裏讀取或設置一個變量var_name

　　　　　　通常的傳遞方式：
　　　　　　　　window.showModalDialog("filename.htm",var_name)
　　　　　　　　//傳遞var_name變量
　　　　　　在showModalDialog(或showModelessDialog)讀取和設置時：
　　　　　　　　alert(window.dialogArguments)//讀取var_name變量
　　　　　　　　window.dialogArguments="oyiboy"//設置var_name變量
　　　　這種方式是能夠知足的，可是當你想在操做var_name同時再操做第二個變理var_id時呢？就沒法再進行操做了。這就是這種傳遞方式的侷限性。
　　　　
　　　　　　如下是我建議使用的傳遞方式：
　　　　　　　　window.showModalDialog("filename.htm",window)
　　　　　　　　//無論要操做什麼變量，只直傳遞主窗口的window對象
　　　　　　在showModalDialog(或showModelessDialog)讀取和設置時：
　　　　　　　　alert(window.dialogArguments.var_name)//讀取var_name變量
　　　　　　　　window.dialogArguments.var_name="oyiboy"//設置var_name變量

　　　　　　　　同時我也能夠操做var_id變量
　　　　　　　　alert(window.dialogArguments.var_id)//讀取var_id變量
　　　　　　　　window.dialogArguments.var_id="001"//設置var_id變量

　　　　　　　　一樣還能夠對主窗口的任何對象進行操做，如form對象裏的元素。
　　　　　　　　window.dialogArguments.form1.index1.value="這是在設置index1元素的值"

6、多個showModelessDialog的相互操做。
　　由於光說很費勁，我就偷點懶，直接用代碼來講了，若是不明白的話那就直接來信(oyiboy#163.net(使用時請將#改爲@))問我吧。

　　如下代碼的主要做用是在一個showModelessDialog裏移動別一個showModelessDialog的位置。

　　主文件的部份js代碼。
　　var s1=showModelessDialog('控制.htm',window,"dialogTop:1px;dialogLeft:1px"） //打開控制窗口
　　var s2=showModelessDialog('about:blank',window,"dialogTop:200px;dialogLeft:300px"）　　//打開被控制窗口

　　控制.htm的部份代碼。
　　
　　
　　
　　
　　

　　以上關鍵部份是：
　　　　窗口命名方式：var s1=showModelessDialog('控制.htm',window,"dialogTop:1px;dialogLeft:1px"）
　　　　變量訪問方式：window.dialogArguments.s2.dialogTop

　　這個例子只是現實showModelessDialog與showModelessDialog之間的位置操做功能，經過這個原理，在showModelessDialog之間相互控制各自的顯示頁面，傳遞變量和數據等。這要看各位的發揮了。