用JavaScript實現(xiàn)對話框的教程

更新時間：2015年06月04日 11:14:58 投稿：goldensun

這篇文章主要介紹了用JavaScript實現(xiàn)對話框的教程,是JS入門學習中的基礎知識,需要的朋友可以參考下

JavaScript支持三種重要類型的對話框。這些對話框可以用來引發(fā)和警報，或得到確認的任何輸入或有來自用戶的一種輸入。

在這里，我們將一個一個地來看每個對話框：
Alert 對話框:

一個警告對話框，主要是用來給一個警告信息給用戶。就像如果一個輸入字段要求輸入一些文字，但用戶不輸入字段則作為驗證，可以使用警告框，如下給出警告信息的一部分：

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

然而，一個警告框仍然可以用于友好的消息。警告框，給人只有一個“Ok”按鈕來選擇和繼續(xù)。

確認對話框：

一個確認對話框主要用于把用戶的同意的任何選項。它顯示一個對話框，有兩個按鈕：確定和取消。

如果用戶點擊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() 是一種方法，它有兩個參數(shù)(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>

您可能感興趣的文章: