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

2024-05-06 16:21:21

字體：大中小

來源：轉(zhuǎn)載

供稿：網(wǎng)友

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

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

在這里，我們將一個(gè)一個(gè)地來看每個(gè)對話框：

Alert 對話框:

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

<head>

<script type="text/javascript">



</script>

</head>

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

確認(rèn)對話框：

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

如果用戶點(diǎn)擊OK按鈕，窗口的方法confirm()將返回true。如果用戶點(diǎn)擊取消按鈕confirm() 返回 false。可以使用確認(rèn)對話框，如下所示：

<head>

<script type="text/javascript">



</script>

</head>

Prompt Dialog Box:

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

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

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

可以使用提示對話框，如下所示：

<head>

<script type="text/javascript">



</script>

</head>