快捷導(dǎo)航

用JavaScript實(shí)現(xiàn)對(duì)話框的教程

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

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

JavaScript支持三種重要類型的對(duì)話框。這些對(duì)話框可以用來(lái)引發(fā)和警報(bào)，或得到確認(rèn)的任何輸入或有來(lái)自用戶的一種輸入。

在這里，我們將一個(gè)一個(gè)地來(lái)看每個(gè)對(duì)話框：
Alert 對(duì)話框:

一個(gè)警告對(duì)話框，主要是用來(lái)給一個(gè)警告信息給用戶。就像如果一個(gè)輸入字段要求輸入一些文字，但用戶不輸入字段則作為驗(yàn)證，可以使用警告框，如下給出警告信息的一部分：

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

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

確認(rèn)對(duì)話框：

一個(gè)確認(rèn)對(duì)話框主要用于把用戶的同意的任何選項(xiàng)。它顯示一個(gè)對(duì)話框，有兩個(gè)按鈕：確定和取消。

如果用戶點(diǎn)擊OK按鈕，窗口的方法confirm()將返回true。如果用戶點(diǎn)擊取消按鈕confirm() 返回 false?？梢允褂么_認(rèn)對(duì)話框，如下所示：

<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:

當(dāng)你想彈出一個(gè)文本框來(lái)獲取用戶輸入的提示對(duì)話框中是非常有用的。因此，它使您能夠與用戶交互。用戶需要填寫字段，然后單擊確定。

使用對(duì)話框 prompt() 是一種方法，它有兩個(gè)參數(shù)(I)要在文本框中顯示(Ⅱ)默認(rèn)字符串文本框中顯示的標(biāo)簽顯示。

這個(gè)對(duì)話框有兩個(gè)按鈕：確定和取消。如果用戶點(diǎn)擊“OK”按鈕的窗口法prompt()將從文本框返回輸入的值。如果用戶點(diǎn)擊“取消”按鈕窗口方式prompt()返回null。

可以使用提示對(duì)話框，如下所示：

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

您可能感興趣的文章: