JavaScript模式窗口的使用方法

模式窗口的用法

一、問題：

我想彈出一個窗口，然後在彈出的窗口裡，選擇或輸入一些信息，要求這些信息返回到父頁面。

建立父頁面：a.htm

建立子頁面：b.htm

這裡利用了模式窗口window.showModalDialog(),利用window.returnValue = window.showModalDialog(sURL [, vArguments] [, sFeatures])，我們可以打開一個模

態窗口，該窗口的優點是用戶只能對當前的頁面進行操

作，而對其父頁面不能進行操作，常用於嚮導或者信息獲取頁面。利用其中的vArguments我們可以在父頁面和彈出的頁面中進行參數的傳遞，參數可以為自定義的對象，也可以傳遞父頁面中任何一個控件的引用，這使得我們可以很容

易的來操作父頁面中的各個元素，使得參數的傳遞變得非常容易。

二、第２個參數的討論

showModalDialog(〞子頁面地址〞,\"向子頁面傳遞參數\子頁面外觀設置\")，關於參數的詳細設置看最後的註釋，這裡主要研究下第２個參數。

1.第２個參數為自定義對像

我們可以定義一個javascript對象，然後定義各種自定義屬性的值，然後可以將此對像傳遞到子頁面中。

例：將父頁面的信息封裝成一個對象，然後將該對像傳遞給子頁面。

父頁面：oneParent.htm

子頁面：oneSon.htm

以上代碼中，文檔全部加載完,才執行window.onload指定函數，以找到document.forms[0].txtName對象，如果去掉，window.onload=function(){}直接寫大括號裡的代碼，則必須把這個ＪＳ代碼塊房到之後才能正確運行，否則出現運行時間錯誤，找不到document.forms[0].txtName對像

2.第２個參數是父頁面的一個元素

我們可以將父頁面中元素對象的引用傳遞給子頁面，通過該引用我們可以訪問父頁面中的該元素對象。

例：其中利用元素對象的引用我們可以操縱父頁面的元素對象的屬性。

父頁面：twoParent.htm

子頁面：twoSon.htm

這裡註釋掉window.onload=function(){}，直接寫大括號裡的代碼，目的讓JS代碼先加載，後加載裡的元素，否則出現找不到對像infoKeYi的錯誤。

３.第２個參數是window.

如果第２個參數是window,這樣可以取得父窗口的一些數據和方法。如：

//取得父窗口的JS變量 var

window.dialogArguments.父窗口中的變量;

//獲得父窗口的對象和屬性

window.dialogArguments.form1.父窗口中控件name.value ;

//調用父窗口的方法 fun

window.dialogArguments.父窗口中的方法 ;

父頁面：threeParent.htm

子頁面：threeSon.htm

三、註釋：

1、window.open()參數：

例如：

參數解釋：

2、window.showModalDialog()參數：

vReturnValue＝window.showModalDialog(sURL [, vArguments] [,sFeatures])

例如：