DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> 用JavaScript實現對話框的教程
用JavaScript實現對話框的教程
編輯: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>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved