JavaScript中alert、confrim、prompt的区别及使用

祈0911

已于 2024-05-28 09:54:24 修改

阅读量1.3k

点赞数 22

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

于 2024-01-11 15:11:15 首次发布

本文链接：https://blog.csdn.net/m0_71002854/article/details/135521734

版权

JavaScript 同时被 2 个专栏收录

11 篇文章 0 订阅

订阅专栏

前端

10 篇文章 0 订阅

订阅专栏

文章目录

一、alert
- 1.什么是alert？
- 2.alert的使用
二、confrim
- 1.什么是confrim？
- 2.confrim的使用
三、prompt
- 1.什么是prompt？
- 2.prompt的使用
四、总结alert、confrim、prompt的区别

一、alert

1.什么是alert？

在JavaScript中，alert是一个内置函数，用于显示一个警告框，向用户显示一条消息。

2.alert的使用

使用alert函数的基本语法如下：

alter("hello");

alert的代码示例：显示一个按钮, 弹出警告框

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script type="text/javascript">
    function fun() {
      alert('hello');
    }
  </script>
</head>
<body>
<input type="button" onclick="fun()" value="显示警告框">

</body>
</html>

效果如下:
当鼠标点击按钮时，弹出警告框
在这里插入图片描述

alert()是js的window对象的一个方法，调用时可以写成window.alert()，也可以写成alert()，功能都是产生一个带确认按钮的对话框，显示括号内的信息。

二、confrim

1.什么是confrim？

confirm弹出确认框，有两个按钮：确定和取消，分别返回true和false

2.confrim的使用

使用confrim的基本语法如下：

 var str=window.confirm("是否确定");

confrim的代码示例：

 var str=window.confirm("是否确定");
 if (str){
    alert("你选择了确定");
 }else {
    alert("你选择了取消");
 }

三、prompt

1.什么是prompt？

弹出提示框，确定，取消，输入框，确定返回输入框的值

2.prompt的使用

使用confrim函数的基本语法如下：

var str=prompt("请输入姓名:");

使用prompt的基本语法如下：

 var str=prompt("请输入姓名:");
 alert(str);

四、总结alert、confrim、prompt的区别

alert	警告框
confrim	确认框
prompt	提示框

区别如下:

alert 弹出警告框，只有一个确定按钮。
confirm 弹出确认框，有两个按钮：确定和取消，分别返回true和false。
prompt弹出提示框，确定，取消，输入框，确定返回输入框的值（不输入为空""），取消返回Null。

祈0911

关注

22
点赞
踩
12

收藏

觉得还不错? 一键收藏
2
评论
JavaScript中alert、confrim、prompt的区别及使用

在JavaScript中，alert是一个内置函数，用于显示一个警告框，向用户显示一条消息。confirm弹出确认框，有两个按钮：确定和取消，分别返回true和false弹出提示框，确定，取消，输入框，确定返回输入框的值alter警告框confrim确认框prompt提示框alter弹出警告框，只有一个确定按钮。confirm弹出确认框，有两个按钮：确定和取消，分别返回true和false。prompt弹出提示框，确定，取消，输入框，确定返回输入框的值（不输入为空""），取消返回Null。
复制链接

扫一扫