本文我們將學習如何使用對話視窗來達到網頁管理者與網頁使用者的互動方式。 透過劇本與網頁使用者互動的方法有很多種，
前面我們已經學過條件敘述的簡單運用了，
在此我們繼續來學習基本對話視窗的使用。
alert()這個指令只是一個可以呈現信息的小視窗，
它只有一個確定按鈕，
只能讓網頁設計者單方面的傳達某些信息給網頁使用者而已，
根本上是無法與往民們達到互動效果的，
而 confirm() 的語法雖然跟 alert() 的語法一樣，
可是它除了有「確定」，
還有一個「取消」按鈕，
有這兩個可以選擇，
所以我們就可以利用 confirm() 指令來作為簡單的對話視窗，
這個指令剛好也可以拿來作為網頁與往民的簡單互動方式。

confirm() 的使用語法跟 alert() 一樣， 小括號裡頭可以包一個字串或者是變數，
它被執行以後，
會產生「確定」與「取消」這兩個按鈕，
使用者可以根據他們的使用狀況來選擇他們想要的東西，
網頁社記者就必須根據他們的選擇來設定程序要進行的工作。
請先看看下面這個變數設定的敘述：

var str = confirm("確定要刪除這篇文章嗎？");

是的， 許多網站部落格管理程式都會有這個敘述，
問我們是否要刪除某個東西，
當我們選擇了確定或者是取消其中一個按鈕，
網頁上的程序也將會執行相對應的工作。

以上這個實例， 我們把
confirm("確定要刪除這篇文章嗎？")
設定給 str 這個變數。
當網頁使用者在這個信息視窗選擇了「確定」這個按鈕以後，
該指令會把 true 這個值回傳給 str 這個變數，
相反的，
如果選擇的是「取消」按鈕，
就會把 false 回傳給 str。
還記得上篇文章我們講過的這句話嗎？
「變數定義是把等於右邊的資料傳送到等於左邊的變數」。
因此上面的這個變數定義就會把
confirm("確定要刪除這篇文章嗎？");
指令的執行結果回傳給 str，
而該指令的結果是什麼？
那就要看看網頁使用者他們選擇的是哪個按鈕了。
如上所述，
倘若選擇的是「確定」，
則 str 所儲存的就是 true 這個值，
否則就會儲存 false 了，
條件敘述將會根據變數裡頭儲存的資料，
是 true 或者 false 來決定要進行的是哪個程序。

true 跟 false 它們可不是字串哦，
請大家要明察。

如果你在整理部落格資料， 當系統詢問：
「您確定要刪除這個檔案嗎？」
你選擇的是「確定」按鈕，
網頁程序就會開始刪除這篇你想要刪除的文章，
如果選擇的是「取消」按鈕，
程序會做哪些事情，
就要看程式設計的人是怎樣撰寫程序執行工作了。
下面這段程式碼，
請各位仔細研究閱讀，
看看你在 confirm() 視窗選擇確定或者取消之後，
該程式會做哪些事情？
順便也可以自己試著修改一下你希望執行的程序。
p>
[code]

01 <script> 02 var str = "確定要認真地學習網頁設計嗎？";<br> 03 var is_love_me = confirm(str); // 會將 confirm() 選擇的按鈕儲存到 is_love_me 這個變數裡頭<br> 04 if (is_love_me == true) // 如果選擇確定按鈕 is_love_me 會等於 true<br> 05 {<br> 06 alert("感謝您的不嫌棄，將來一定更努力！"); // 彈出小視窗傳達一個訊息<br> 07 // 設定一個要呈現在網頁上的字串<br> 08 var true_str = "http://crazy.molerat.net/learner/cpuroom/programmer/index.php#here";<br> 09 location.href(true_str); // 此指令將使網頁轉向到指定的網址呈現<br> 10 }<br> 11 else // 否則選擇取消按鈕的話 is_love_me 會等於 false<br> 12 {<br> 13 alert("我還是一直會等待，直到海枯又石爛"); // 彈出一個要傳達信息的小視窗<br> 14 var false_str = // 設定一個字串，想要在頁面上顯示內容<br> 15 "<title>歡迎進入阿金的小茅屋--請按加號尋找連結</title>" + 16 "<a href=http://crazy.molerat.net#here>" + 17 "請你進入學習的故鄉</a>"; 18 document.write (false_str);<br> 19 }<br> 20 </script>
[/code]

執行