javascript alert,confirm,prompt弹框用法

最新推荐文章于 2023-11-01 21:03:47 发布
最新推荐文章于 2023-11-01 21:03:47 发布
阅读量407 收藏 1
点赞数 1
分类专栏： javascript 文章标签： javascript alert confirm prompt
1. alert是弹出警告框，在文本里面加入\n就可以换行。
2. confirm弹出确认框，会返回布尔值，通过这个值可以判断点击时确认还是取消。true表示点击了确认，false表示点击了取消。
3. prompt弹出输入框，点击确认返回输入框中的值， 点击取消返回null。
下面是详细的例子：
[html] view plain copy print ?
  1. <html> 
  2. <head> 
  3. <script type="text/javascript"> 
  4. function show_alert(){ 
  5.     alert('第一行\n第二行'); 
  6. } 
  7.  
  8. function show_confirm(){ 
  9.     var result = confirm('是否删除！'); 
  10.     if(result){ 
  11.         alert('删除成功！'); 
  12.     }else{ 
  13.         alert('不删除！'); 
  14.     } 
  15. } 
  16.  
  17. function show_prompt(){ 
  18.     var value = prompt('输入你的名字：', '默认名字'); 
  19.     if(value == null){ 
  20.         alert('你取消了输入！'); 
  21.     }else if(value == ''){ 
  22.         alert('姓名输入为空，请重新输入！'); 
  23.         show_prompt(); 
  24.     }else{ 
  25.         alert('你好，'+value); 
  26.     } 
  27. } 
  28. </script> 
  29. </head> 
  30. <body> 
  31. <input id="alert_button" type="button" value="alert" onclick="show_alert()" > 
  32. <input id="confirm_button" type="button" value="confirm" onclick="show_confirm()" > 
  33. <input id="prompt_button" type="button" value="prompt" onclick="show_prompt()" > 
  34. </body> 
  35. </html> 
[html] view plain copy print ?
  1. <html> 
  2. <head> 
  3. <script type="text/javascript"> 
  4. function show_alert(){ 
  5.     alert('第一行\n第二行'); 
  6. } 
  7.  
  8. function show_confirm(){ 
  9.     var result = confirm('是否删除！'); 
  10.     if(result){ 
  11.         alert('删除成功！'); 
  12.     }else{ 
  13.         alert('不删除！'); 
  14.     } 
  15. } 
  16.  
  17. function show_prompt(){ 
  18.     var value = prompt('输入你的名字：', '默认名字'); 
  19.     if(value == null){ 
  20.         alert('你取消了输入！'); 
  21.     }else if(value == ''){ 
  22.         alert('姓名输入为空，请重新输入！'); 
  23.         show_prompt(); 
  24.     }else{ 
  25.         alert('你好，'+value); 
  26.     } 
  27. } 
  28. </script> 
  29. </head> 
  30. <body> 
  31. <input id="alert_button" type="button" value="alert" onclick="show_alert()" > 
  32. <input id="confirm_button" type="button" value="confirm" onclick="show_confirm()" > 
  33. <input id="prompt_button" type="button" value="prompt" onclick="show_prompt()" > 
  34. </body> 
  35. </html> 
hbhg2007xs
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
(alert/confirm/prompt)javaScript实现
12-12
自己实现的alert、confirm、prompt弹出框，代码简单易懂，效果个人认为还不错，样式仿效的是Ext的弹出框。希望对大家有用，同时也请大家多多指教！有不足的地方能够指出来！大家共同进步！
javascript中常见的3种信息提示框(alert,prompt,confirm)
01-21
1.警告提示框 alert（”文本”）。 ex. [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 2.确认提示框（confirm，返回true或者false） [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 3.提示框...
js:三种弹出框（alter警告，confirm确认，prompt提示）
qq_52824207的博客
04-10 1万+
三种弹出框都属于window对象，完整写作window.alter，三种弹出框都可省略window. alter弹出警告框，只有一个确定按钮 alert("这是一个警告框"); confirm弹出确认框，有两个按钮：确定和取消，分别返回true和false confirm("这是一个确认框，确定返回true，取消返回false"); prompt弹出提示框，确定，取消，输入框，确定返回输入框的值（不输入为空""），取消返回Null prompt("这是一个提示框，确定返回输入值，取消返回N
弹出框confirm()的使用
weixin_44682587的博客
07-15 5552
弹出框confirm()的使用 confrim确认框，会提供两个按钮，一个确定，一个取消 当点击确定时，此方法的返回值为true 当点击取消时，此方法的返回值为false 用法示例如下： <script> //批量删除的方法 function batchDelete(){ if(confirm("您确定要删除吗？")){ //将得到的ids字符串，传递到后台的Servlet，进行删除 window.location = "user?func=batchDelete&
selenium自动化测试入门 —— Alert/Confirm/Prompt 弹出窗口处理！
最新发布
m0_58026506的博客
11-01 781
提示用户信息只有确认按钮，无法通过页面元素定位，不关闭窗口无法在页面上做其他操作。有确认和取消按钮，该弹出窗口无法用页面元素定位，不关闭窗口无法在页面上做其他操作。有输入框、确认和取消按钮，该弹出窗口无法用页面元素定位，不关闭窗口无法在页面上做其他操作。注意：3种窗口为浏览器自带的窗口，该窗口无法定位到元素，能定位到元素需要使用WebElement操作。
输入框弹框 $prompt的inputValidator用法
李嘉帅的博客
08-19 605
【代码】输入框弹框 $prompt的inputValidator用法。
prompt弹框的使用
Mr.baicai's Blog
07-12 8517
一直做着后台的工作，前台的东西好像接触的也不少，但是研究的比较少，其实前端的设计与实现也是“博大精深”。其中JQuery就是一款功能非常强大的工具，它已经写好并实现了很多现有的方法。我们需要直接在引用即可，当然如果需要自定义，在他们的规范基础上也可以实现自定义。 1.  prompt   JS中有三种弹框方式：confirm，弹出一个询问框，有确定和取消按钮;alert,弹出对话框并输出一段提
js模拟Confirm、alert弹框,可以修改文字颜色。
07-19
可以直接调用，操作方便，调用代码如下： jConfirm('Can you confirm this，<span am red.</span>?', 'Confirmation Dialog', function(r) { });
JavaScript中常用的3种弹出提示框(alert、confirm、prompt)
01-18
confirm() prompt () alert () alert()方法是显示一条弹出提示消息和确认按钮的警告框。 需要注意的是 ：alert()是一个阻塞的函数，如果我们不点确认按钮，后面的内容就...
javascript学习笔记(十六) 系统对话框(alert、confirm、prompt)
10-28
javascript学习笔记之系统对话框(alert、confirm、prompt)使用介绍，学习js的朋友可以参考下
自定义样式弹框alert和confirm
08-22
可以自己定义样式、自定义宽高、自定义按钮文字的模拟alert和confirm
alert及confirm弹出框样式，换不错
11-10
alert及confirm弹出框样式，换不错
Layui的layer.confirm弹框用法，很详细
studio_1的博客
09-02 4万+
就将标题改为“操作提示”，效果是这样的layer . confirm('纳尼？' , {title : "操作提示" , btn : [ '按钮一' , '按钮二' , '按钮三' ] //可以无限个按钮 , btn3 : function(index , layero) {//按钮【按钮三】的回调 } } , function(index , layero) {//按钮【按钮一】的回调 } , function(index) {//按钮【按钮二】的回调 });
html5自动弹出提示框,JavaScript中常用的3种弹出提示框(alert、confirm、prompt)
weixin_42297665的博客
05-30 5631
三种提示框alert ()confirm()prompt ()alert ()alert()方法是显示一条弹出提示消息和确认按钮的警告框。需要注意的是 ：alert()是一个阻塞的函数，如果我们不点确认按钮，后面的内容就不会加载出来。使用方式：alert("想要提示的文本内容")样例代码：alert("这是弹出框提示文本")alert是阻塞的函数这句话只有在确认弹出框的提示文本后才会显示效果截图：...
js重写alert事件，避免alert弹框标题出现网址
闪客
01-13 3万+
js代码： window.alert = function(msg, callback) { var div = document.createElement("div"); div.innerHTML = "" + ".nbaMask { position: fixed; z-index: 1000; top: 0; right: 0; left: 0; bottom: 0; bac
弹出框一 之 基于bootstrap和jquery的自定义弹出框
dgnwy6921的博客
03-27 229
(function ($) { window.Ewin = function () { var html = '<div id="[Id]" class="modal fade" role="dialog" aria-labelledby="modalLabel">' + '<div class...
js的三种弹出框（alert、confirm、prompt）简单介绍
weixin_45727472的博客
06-29 1万+
1、alert()   alert 方法有一个参数，就是用户想弹出的内容，弹出框很简单，就一个显示功能。你可以点击确认关闭这个弹出框。   例如：alert(“hello woorld！”);    2、confirm()   这个方法要求用户选择。有确认有返回。confirm 方法的返回值为 true 或 false。   例如：var flag = confirm(“你快乐么？”);   点击确定，flag的值为true；点击取消则为false；    3、prompt()   这个弹出框相对于上面两个
JavaScript的三种弹出提示框(alert、confirm、prompt)
热门推荐
『愚』的博客
11-09 9万+
三种提示框alert ()confirm()prompt () alert () alert()方法是显示一条弹出提示消息和确认按钮的警告框。 需要注意的是 ：alert()是一个阻塞的函数，如果我们不点确认按钮，后面的内容就不会加载出来。 使用方式： alert("想要提示的文本内容") 样例代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script> a
MessageBox confirm弹框确认和取消按钮的使用-回调
CC酱写前端的博客
03-03 5454
需求： 点击按钮，弹框出现左右按钮，点击左右按钮分别再次弹框。 注意：需要使用then和catch进行捕获 projectAudPub(id, name) { this.$confirm(`审核 ${name}`, "提示", { type: "warning", confirmButtonText: "审核通过", cancelButtonText: "审核不通过", }).then((action) => {
alert，confirm和prompt
06-06
alert、confirm和prompt是JavaScript中的三个弹出框函数。 alert函数用于在网页中弹出一个警告框，通常用于提示用户一些信息。 confirm函数用于在网页中弹出一个确认框，通常用于询问用户是否确定执行某个操作。 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值