JavaScript對話方塊


JavaScript支援三種重要型別的對話方塊。這些對話方塊可以用來引發和警報,或得到確認的任何輸入或有來自使用者的一種輸入。

在這裡,我們將一個一個地來看每個對話方塊:

Alert 對話方塊:

一個警告對話方塊,主要是用來給一個警告資訊給使用者。就像如果一個輸入欄位要求輸入一些文字,但使用者不輸入欄位則作為驗證,可以使用警告框,如下給出警告資訊的一部分:

<head>
<script type="text/javascript">
<!--
   alert("Warning Message");
//-->
</script>
</head>

然而,一個警告框仍然可以用於友好的訊息。警告框,給人只有一個“Ok”按鈕來選擇和繼續。

 

確認對話方塊:

一個確認對話方塊主要用於把使用者的同意的任何選項。它顯示一個對話方塊,有兩個按鈕:確定和取消。

如果使用者點選OK按鈕,視窗的方法confirm()將返回true。如果使用者點選取消按鈕confirm() 返回 false。可以使用確認對話方塊,如下所示:

<head>
<script type="text/javascript">
<!--
   var retVal = confirm("Do you want to continue ?");
   if( retVal == true ){
      alert("User wants to continue!");
	  return true;
   }else{
      alert("User does not want to continue!");
	  return false;
   }
//-->
</script>
</head>

 

Prompt Dialog Box:

當你想彈出一個文字框來獲取使用者輸入的提示對話方塊中是非常有用的。因此,它使您能夠與使用者互動。使用者需要填寫欄位,然後單擊確定。

使用對話方塊 prompt() 是一種方法,它有兩個引數(I)要在文字框中顯示(Ⅱ)預設字串文字框中顯示的標籤顯示。

這個對話方塊有兩個按鈕:確定和取消。如果使用者點選“OK”按鈕的視窗法prompt()將從文字框返回輸入的值。如果使用者點選“取消”按鈕視窗方式prompt()返回null。

可以使用提示對話方塊,如下所示:

<head>
<script type="text/javascript">
<!--
   var retVal = prompt("Enter your name : ", "your name here");
   alert("You have entered : " +  retVal );
//-->
</script>
</head>