如何使用JS Prompt顯示提示框

js
小樊
81
2024-10-12 21:32:23
欄目: 編程語言

要使用JavaScript的prompt()函數(shù)顯示提示框，請(qǐng)按照以下步驟操作：

  1. 打開HTML文件，然后在<script>標(biāo)簽內(nèi)或外部JavaScript文件中編寫代碼。
  2. 調(diào)用prompt()函數(shù)，該函數(shù)接受一個(gè)字符串參數(shù)，即提示框中的文本。
  3. 根據(jù)需要設(shè)置返回值。prompt()函數(shù)會(huì)返回用戶輸入的值（如果用戶點(diǎn)擊“確定”按鈕），否則返回null。您可以將此返回值用于其他操作，例如根據(jù)用戶輸入執(zhí)行特定任務(wù)。

下面是一個(gè)簡(jiǎn)單的示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Prompt Example</title>
</head>
<body>
    <script>
        // 使用prompt()函數(shù)顯示提示框
        const userInput = prompt("請(qǐng)輸入您的名字：");
        
        // 檢查用戶是否點(diǎn)擊了“確定”按鈕
        if (userInput !== null) {
            alert(`您好，${userInput}！`);
        } else {
            console.log("用戶取消了操作");
        }
    </script>
</body>
</html>

在這個(gè)示例中，提示框會(huì)顯示“請(qǐng)輸入您的名字：”。如果用戶輸入名字并點(diǎn)擊“確定”按鈕，將彈出帶有輸入名字的問候消息。如果用戶點(diǎn)擊“取消”按鈕或關(guān)閉提示框，控制臺(tái)將輸出“用戶取消了操作”。

0 踩