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

祈09112024-01-15 13:18

文章目录

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

一、alter

1.什么是alert？

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

2.alter的使用

使用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);

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

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

区别如下:

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