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。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/340576.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Elasticsearch安装Windows版

目录 1.&#xff1a;下载安装包&#xff0c;选择指定的版本&#xff0c;这里选择了7.8.0&#xff0c;官网下载地址&#xff1a; ​编辑 2&#xff1a;下载好之后解压&#xff0c;解压之后是这样的&#xff1a; 3&#xff1a;配置环境变量&#xff0c;跟JDK一样&#xff0c;…

单片机原理及应用:数码管定时秒表和LED计数器

先前我们介绍了定时器/计数器的概念与作用原理&#xff0c;下面我通过两个应用案例来分别演示定时器和计数器的用法。 第一个案例是用数码管配合定时器中断制作秒表&#xff0c;同理也可以自己改变时间单位制作不同精度的电子钟&#xff0c;修改方式我已经附在代码注释中了。 …

Redis:原理速成+项目实战——Redis实战7(优惠券秒杀+细节解决超卖、一人一单问题)

&#x1f468;‍&#x1f393;作者简介&#xff1a;一位大四、研0学生&#xff0c;正在努力准备大四暑假的实习 &#x1f30c;上期文章&#xff1a;Redis&#xff1a;原理速成项目实战——Redis实战6&#xff08;封装缓存工具&#xff08;高级写法&#xff09;&&缓存总…

VMware Workstation——安装VMware Workstation Pro 17

目录 一、下载 二、安装 1、双击安装 2、安装向导 3、最终用户许可协议 4、自定义安装 5、用户体验设置 6、快捷方式 7、准备升级 8、正在安装 9、安装完成 10、输入许可证密钥 11、激活成功 12、桌面图标 一、下载 下载 VMware Workstation Pro 二、安装 1、双…

odoo16 销售中订单价格的设置

odoo16 销售中订单价格的设置 产品设置好销售价格后&#xff0c;在建销售订单时&#xff0c;却不显价格&#xff0c;需在设置中把价格表选上 不选客户时&#xff0c;价格表显示空白 每次如何设置默认价格呢&#xff0c;如你去改程序或其它法&#xff0c;就不对了&#xff0c…

权限维持篇

一、Windows 1、 不死马权限维持 1.1 概述 <?php ignore_user_abort(); //关掉浏览器&#xff0c;PHP脚本也可以继续执行. set_time_limit(0);//通过set_time_limit(0)可以让程序无限制的执行下去 $interval 5; // 每隔*秒运行 do { $filename test.php; if(file_exi…

C++I/O流——(1)I/O流的概念

归纳编程学习的感悟&#xff0c; 记录奋斗路上的点滴&#xff0c; 希望能帮到一样刻苦的你&#xff01; 如有不足欢迎指正&#xff01; 共同学习交流&#xff01; &#x1f30e;欢迎各位→点赞 &#x1f44d; 收藏⭐ 留言​&#x1f4dd; 勤奋&#xff0c;机会&#xff0c;乐观…

低代码的应用场景

Gartner 在 2019 年的低代码调研报告中&#xff0c;曾经绘制过一张用来阐述低代码适用场景的“应用金字塔”&#xff0c;如下图所示&#xff1a; 应用级别划分&#xff1a;从下往上&#xff0c;分别为工作组级(Workgroup Class)、部门级(Departmental Class)、企业级(Enterpris…

力扣日记1.10-【二叉树篇】701. 二叉搜索树中的插入操作

力扣日记&#xff1a;【二叉树篇】701. 二叉搜索树中的插入操作 日期&#xff1a;2024. 参考&#xff1a;代码随想录、力扣 —————————————————————— 天哪&#xff0c;上次打开力扣还是2023&#xff0c;转眼已经2024&#xff1f;&#xff01; 两个星期过去…

base64与BytesIO图片进行编码、解码;api调用

base64与BytesIO简单介绍 io.BytesIO 和 Base64 编码都是用于在内存中处理二进制数据的方法&#xff0c;但它们的目的和使用场景有所不同。 1&#xff09; io.BytesIO io.BytesIO 是 Python io 库中的一个类&#xff0c;它提供了一个在内存中处理二进制数据的接口&#xff0…

Vue入门五(Vue-CLI项目搭建|vue项目目录介绍|vue项目开发规范|es6导入导出语法)

文章目录 一、Vue-CLI 项目搭建介绍node环境搭建1) 下载与安装2&#xff09;测试是否安装成功 安装vue-cli安装vue脚手架 创建Vue项目1&#xff09;使用命令创建项目2&#xff09;使用图形化界面创建项目 二、vue项目目录介绍1.命令行运行vue项目2.Pycharm中运行项目3.目录结构…

【Web】CTFSHOW PHP文件包含刷题记录(全)

温故知新。 目录 web78 web79 web80 web81 web82 web83 web84 web85 web86 web87 web88 web78 伪协议base64编码直接读出文件内容就行 ?filephp://filter/convert.base64-encode/resourceflag.php web79 一眼data伪协议包含php脚本 ?filedata://text/plain,<…