JavaScript中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。
相关推荐
KKKK17 分钟前
SSE(Server-Sent Events)流式传输原理和XStream实践
前端·javascript
子兮曰35 分钟前
Humanizer-zh 实战:把 AI 初稿改成“能发布”的技术文章
前端·javascript·后端
Din1 小时前
主动取消的防抖
前端·javascript·typescript
H5开发新纪元1 小时前
Nginx 部署 Vue3 项目完整指南
前端·javascript·面试
决斗小饼干1 小时前
跨语言移植手记:把 TypeScript 的 Codex SDK 请进 .NET 世界
前端·javascript·typescript
进击的尘埃1 小时前
Vitest 浏览器模式:别再用 jsdom 骗自己了
javascript
bluceli2 小时前
JavaScript模块化深度解析:从CommonJS到ES Modules的演进之路
前端·javascript
前端人类学2 小时前
前端输入框禁用:disabled、readonly 与.prop (‘disabled‘, true) 完全解析
前端·javascript
青青家的小灰灰2 小时前
Pinia 完全指南:重构你的 Vue 3 状态管理架构
前端·javascript·vue.js
yuki_uix2 小时前
深入理解 JavaScript Event Loop:从概念到实践的完整探索
前端·javascript