JavaScript 對話框

2021-08-27 16:16 更新

對話框

JavaScript 支持三種重要的對話框類型。這些對話框可以用來彈出警告，或者根據(jù)用戶的輸入來得到確定的信息，或者得到用戶輸入的某一類型。

警告對話框

警告對話框是最常用的，它通常被用來給用戶提示一些警告信息。比如，某個輸入?yún)^(qū)域需要用戶輸入一些文本信息，但是用戶并沒有輸入任何信息，那么為了使用戶輸入有效的信息，你可以利用警告對話框來提示警告信息，如下：

   alert("Warning Message");

除了這個作用外，警告對話框也可以提示一些友好的信息。警告對話框僅僅值提供一個 "OK" 按鈕供選擇來繼續(xù)執(zhí)行。

確認對話框

確認對話框是最常用來獲取用戶對任何選項的贊成的觀點。確認對話框會顯示兩個按鈕：Ok 和 Cancel。

如果用戶點擊了 OK 按鈕，窗口函數(shù) confirm() 的返回值為 true。如果用戶點擊了 Cancel 按鈕，confirm() 函數(shù)返回值為 false。你可以像如下的方式使用確認對話框：

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;
   }

提示對話框

當你想彈出一個文本框，并且得到用戶的輸入數(shù)據(jù)，提示框就可以實現(xiàn)這個功能。因此，這個框可以與用戶進行交互。用戶需要填寫信息，然后點擊 Ok按鈕。

這種對話框通過調(diào)用 prompt() 函數(shù)來顯示，給函數(shù)有兩個形式參數(shù) (i) 你想在框中顯示的文本標簽 (ii) 一個默認的顯示在框中的字符串。

這種對話框提供兩個按鈕：OK 和 Cancel。 如果用戶點擊 OK 按鈕，窗口函數(shù) prompt() 將會返回文本框中輸入的值。如果用戶點擊 Cancel 按鈕，窗口函數(shù) prompt() 的返回值為 null。

你可以使用如下的方式來實現(xiàn)提示對話框：

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


以上內(nèi)容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號