JavaScript--弹窗

最新推荐文章于 2024-06-03 09:50:23 发布

正在奋斗的程序猿

最新推荐文章于 2024-06-03 09:50:23 发布

阅读量6.8k

点赞数 5

分类专栏： JavaScript 文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/m0_74293254/article/details/132127780

版权

JavaScript 专栏收录该内容

40 篇文章 1 订阅

订阅专栏

简介

JavaScript提供了几种常用的弹窗方法，用于与用户进行交互或显示提示消息。以下是三种常见的JavaScript弹窗方法：

警告框（Alert）：使用alert()方法创建一个警告框，它会显示一条消息并包含一个"确定"按钮。
确认框（Confirm）：使用confirm()方法创建一个确认框，它会显示一条消息并包含一个"确定"按钮和一个"取消"按钮。用户可以点击其中一个按钮来进行选择，并返回对应的布尔值结果（true表示点击了"确定"按钮，false表示点击了"取消"按钮）。
提示框（Prompt）：使用prompt()方法创建一个提示框，它会显示一条消息，并包含一个文本输入框、一个"确定"按钮和一个"取消"按钮。用户可以在输入框中输入文本内容，并点击相应按钮来确认或取消操作。prompt()方法将返回用户在输入框中输入的文本内容。

示例

<!DOCTYPE html>
<html>
<head>
  <title>JavaScript弹窗示例</title>
</head>
<body>
  <h1>JavaScript弹窗示例</h1>

  <!-- 警告框 -->
  <button onclick="showAlert()">显示警告框</button>

  <!-- 确认框 -->
  <button onclick="showConfirm()">显示确认框</button>

  <!-- 提示框 -->
  <button onclick="showPrompt()">显示提示框</button>

  <script>
    // 显示警告框
    function showAlert() {
      alert("这是一个警告框！");
    }

    // 显示确认框
    function showConfirm() {
      var result = confirm("是否继续操作？");
      if (result) {
        alert("您点击了确定按钮！");
      } else {
        alert("您点击了取消按钮！");
      }
    }

    // 显示提示框
    function showPrompt() {
      var name = prompt("请输入您的姓名：");
      if (name) {
        alert("您输入的姓名为：" + name);
      } else {
        alert("您点击了取消按钮或未输入内容！");
      }
    }
  </script>
</body>
</html>

正在奋斗的程序猿

关注

5
点赞
踩
25

收藏

觉得还不错? 一键收藏
打赏
0
评论
JavaScript--弹窗

JavaScript提供了几种常用的弹窗方法，用于与用户进行交互或显示提示消息。警告框（Alert）：使用alert()方法创建一个警告框，它会显示一条消息并包含一个"确定"按钮。确认框（Confirm）：使用confirm()方法创建一个确认框，它会显示一条消息并包含一个"确定"按钮和一个"取消"按钮。用户可以点击其中一个按钮来进行选择，并返回对应的布尔值结果（true表示点击了"确定"按钮，false表示点击了"取消"按钮）。提示框（Prompt）：使用prompt()
复制链接

扫一扫