JavaScript三種彈出框

在JavaScript中，彈出框是一種十分常用的交互方式。接下來，我們將介紹JavaScript中三種常見的彈出框：alert、confirm和prompt。

alert彈出框

alert是最簡單的一種彈出框，它通常用于向用戶展示一些簡單的信息，警告或提醒。

function showMessage() {
alert("Hello World!");
}

在這個例子中，我們定義了一個showMessage函數，在函數中調用alert函數，并將字符串"Hello World!"作為參數傳入。當函數被調用時，就會彈出一個帶有"Hello World!"文本的彈出框。

confirm彈出框

confirm彈出框通常用于向用戶詢問是否執行一個操作，比如刪除某個文件或頁面上的一些內容。

function deleteItem() {
if (confirm("確定刪除該項嗎？")) {
// 刪除操作
} else {
// 取消操作
}
}

在這個例子中，我們定義了一個deleteItem函數，并在函數中使用confirm彈出框詢問用戶是否確定刪除該項。如果用戶點擊"確定"按鈕，則執行刪除操作；否則，執行取消操作。

prompt彈出框

prompt彈出框與confirm彈出框類似，不同之處在于它不僅要求用戶進行"確定"或"取消"操作，還要求用戶輸入一些信息。

function getUserName() {
var userName = prompt("請輸入您的姓名：");
if (userName != null && userName != "") {
alert("您好，" + userName + "!");
}
}

在這個例子中，我們定義了一個getUserName函數，并在函數中使用prompt彈出框要求用戶輸入姓名。如果用戶點擊"確定"按鈕并且輸入了非空名稱，則彈出一個歡迎框，歡迎用戶。

總結

JavaScript中的這三種彈出框各有特色，可以根據不同的場景選擇使用。alert是最簡單的彈出框，confirm可用于詢問用戶是否執行某個操作，prompt可以要求用戶輸入一些信息。