浏览器带确定取消的提示框confirm的使用
confirm的使用
- 为什么使用confirm
- 简单介绍一下alert
- 介绍一下confirm()
- 补充
为什么使用confirm
很多时候我们需要在弹出提示的时候根据用户的选择再做出一些操作,可能很多人和我一样,一直以为浏览器的弹窗只有 alert() 一种方式,今天来给大家介绍一下带确定和取消的提示框 confirm()
简单介绍一下alert
我们经常使用的 alert() ,一般都是在查看我们js中的返回值,或者测试点击功能时候使用的,例如
<input type="button" onclick="popAlert()" value="点我" />
<script>function popAlert(){alert('艾玛,你点到我了!')}
</script>
就像这样,只是一个提示的作用,点击确定后消失,没有什么特殊操作。
介绍一下confirm()
上边说到alert()只是个提示作用,不能有什么操作。所以我们就可以使用到我们的好朋友 confirm() 了。
confirm() 比较特殊,它在使用的时候通过点击“确定”和“取消”后会分别返回 true和false。因此我们就可以进行一些对应的操作,比如删除前的确认。
使用方法如下
<input onclick="popConfirm()" type="button" value="点我" />
<script>function popConfirm(){if(confirm('请点击“确定”或者“取消”!')){console.log('你点击了确定')}else{console.log('你点击了取消')}}
</script>
这样,我们就能根据用户的不同选择进行不同的操作啦。
补充
alert() 和 confirm() 在弹出提示的时候是支持换行操作的,不过需要使用 “\” 进行转义
if(confirm('我要换行了\n看,我换行了')){}
浏览器带确定取消的提示框confirm的使用相关推荐
- 带确认和取消的提示框
//一个自带确认和取消! var r=confirm("按下按钮!");if (r==true){x="你按下了\"确定\"按钮!";}el ...
- 【JS】用户可选择确定或取消的提示框
confirm()用于弹出一个带有确认和取消按钮的提示框 需要一个字符串作为参数,该字符串将会作为提示文字显示出来 确定 = true 取消 = false if (confirm("确认删 ...
- JS删除之前弹出一个带有确认和取消按钮的提示框confirm()
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/stri ...
- JS重写提示框(confirm)
<script language="javascript"> /** * 功能:显示提示窗口 * 作者:申楠 qq:38371354 email:amushen1@ya ...
- Chrome(谷歌)浏览器永久关闭恢复页面提示框
1.找到这个路径: C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default 2.找到Preferences文件 3.打 ...
- 点击confirm的取消如何隐藏提示框
今天面试学到了很多东西,才发现有些东西明明用过,但是却忘记了以至于回答不上来,这种心情,还是自己不够厉害呀. 点击confirm的取消隐藏提示框 if(confirm('确定删除'+name+'吗?' ...
- HTML5手机端弹窗、提示框、loading加载(多功能xwPop弹窗升级版)
2019独角兽企业重金招聘Python工程师标准>>> 手机移动端响应式动画弹窗提示框插件xwPop,原生JS实现,带CSS3动画效果,丰富的JS弹出框提示信息插件,支持基本信息提示 ...
- el alert 点击添加时提示_JavaScript 有三种类型:警告框、确认框和提示框使用详解...
本文摘自网络,如有侵权 ,联系删除! 警告框:alert() 如果要确保信息传递给用户,通常会使用警告框. 当警告框弹出时,用户将需要单击"确定"来继续. 语法 wind wind ...
- 动手完善个性化弹出提示框的过程及乐趣
申明:本人并不反对提倡用js框架的朋友以及观点,同时本人有些东西都是从框架中学来的. 个性化提示框图例: 1:纯文本提示. 2:带选择按钮的提示框. 源码下载 主旨:现今的js框架已经非常成熟,这是不 ...
最新文章
- SAP PM 初级系列16 - 设备相关的Asset号
- Patreon禁用加密货币?不好意思,基于BCH的Bitreon即将上线
- [Web 前端] mobx教程(二)-mobx主要概念
- docker 导入导出镜像
- LeetCode 561. Array Partition I
- java注册系统服务_奇葩需求:springboot项目注册为windows系统服务并设置开机自启...
- python memory-management
- 类别不均衡的分类问题
- MQTT的学习研究(十三) IBM MQTTV3 简单发布订阅实例
- 技嘉主板bios怎么进入,如何进入技嘉主板的bios
- 浅谈无线传感器和无线传感器网络
- 计算机图形学——区域填充算法
- 由DBeaver与PL/SQL引发的数据库吐槽
- kafka自采集监控
- ThreadLocal是什么
- mui is not defined的原因
- 蝉知自定义HTML,如何安装蝉知主题
- 整理1994-2019年各省统计指标面板数据(汇总成1张EXCEL)
- Unity3D学习笔记(四)天空、光晕和迷雾
- 【狂云歌之unity_vr】unity项目持续集成dailybuild以及多平台打包管理