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

文章目录

• 一、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。