1.ModalDialog是什么？
showModalDialog是jswindow對(duì)象的一個(gè)方法，和window.open一樣都是打開一個(gè)新的頁面。
區(qū)別是：showModalDialog打開子窗口后，父窗口就不能獲取焦點(diǎn)了（也就是無法操作了）。
可以在子窗口中通過設(shè)置window.returnValue的值，讓父窗口可以獲取這個(gè)returnvalue.

2.一個(gè)例子
1)主窗口main.html,
2)在主窗口中通過showModalDialog的方式打開子窗口sub.html
3)在子窗口中設(shè)置returnValue返回給主窗口使用

main.html

3.showModalDialog詳細(xì)使用
vReturnValue=window.showModalDialog(sURL[,vArguments][,sFeatures])
sURL
必選參數(shù)，類型：字符串。用來指定對(duì)話框要顯示的文檔的URL。
vArguments
可選參數(shù)，類型：變體。用來向?qū)υ捒騻鬟f參數(shù)。傳遞的參數(shù)類型不限，包括數(shù)組等。對(duì)話框通過window.dialogArguments來取得傳遞進(jìn)來的參數(shù)。
sFeatures
可選參數(shù)，類型：字符串。用來描述對(duì)話框的外觀等信息，可以使用以下的一個(gè)或幾個(gè)，用分號(hào)“;”隔開。
dialogHeight對(duì)話框高度，不小于100px，ＩＥ４中dialogHeight和dialogWidth默認(rèn)的單位是em，而ＩＥ５中是px，為方便其見，在定義modal方式的對(duì)話框時(shí)，用px做單位。
dialogWidth:對(duì)話框?qū)挾取?BR>dialogLeft:距離桌面左的距離。
dialogTop:離桌面上的距離。
center:{yes|no|1|0}：窗口是否居中，默認(rèn)yes，但仍可以指定高度和寬度。
help:{yes|no|1|0}：是否顯示幫助按鈕，默認(rèn)yes。
resizable:{yes|no|1|0}［ＩＥ５＋］：是否可被改變大小。默認(rèn)no。
status:{yes|no|1|0}［IE5+］：是否顯示狀態(tài)欄。默認(rèn)為yes[Modeless]或no[Modal]。
scroll:{yes|no|1|0|on|off}：指明對(duì)話框是否顯示滾動(dòng)條。默認(rèn)為yes。

還有幾個(gè)屬性是用在HTA中的，在一般的網(wǎng)頁中一般不使用。
dialogHide:{yes|no|1|0|on|off}：在打印或者打印預(yù)覽時(shí)對(duì)話框是否隱藏。默認(rèn)為no。
edge:{sunken|raised}：指明對(duì)話框的邊框樣式。默認(rèn)為raised。
unadorned:{yes|no|1|0|on|off}：默認(rèn)為no。

4.瀏覽器兼容
但是并不是所有瀏覽器對(duì)兼容這樣的用法。
在Chrome中運(yùn)行上面的例子的話，父窗口可以任意獲取焦點(diǎn)，效果和window.open一樣，而且獲取的returnVale也是undefined.
以下是各主流瀏覽器對(duì)此方法的支持狀況。

如果有傳入vArguments這個(gè)參數(shù)為window的話：

注意一下Firefox瀏覽器下，子窗體假如刷新的話window.dialogArguments照樣會(huì)丟失，變成undefined。以上結(jié)果中我們可以看出返回值returnValue就只有chrome瀏覽器返回的是undefined，其他瀏覽器都沒有問題

5.如何解決Chrome的兼容問題。
方向是：設(shè)置window.opener.returnValue=""
main.html

這里是借用了父窗口的returnValue來使用， 如果父窗口的returnValue也用其他用途是可以使用替換的方式進(jìn)行了， as：
var oldValue  = window.returnValue;
var newValue = showModalDialog()
window.returnValue = oldValue 

6.需要特別注意的是，Chrome下的測試需要把html 文件放入到web server(Tomcat,...)下通過http url 訪問測試。否則就不成功了。