js确认框confirm()用法实例详解


Posted in Javascript onJanuary 07, 2016

先为大家介绍javascript确认框的三种使用方法,具体内容如下

第一种方法:挺好用的,确认以后才能打开下载地址页面。原理也比较清晰。主要用于删除单条信息确认。

<SCRIPT LANGUAGE=javascript> 
function del() { 
 var msg = "您真的确定要删除吗?\n\n请确认!"; 
 if (confirm(msg)==true){ 
  return true; 
 }else{ 
  return false; 
 } 
} 
</SCRIPT>

调用方法:

<a href="del.php?id=123" onclick="javascript:return del()">删 除</a>

第二种方法:原理跟上面的一样。JavaScript删除确认框

<a href="javascript:if(confirm('确实要删除吗?'))location='3water.php?id='">删除</a>

第三种方法:主要用于批量删除的确认提示

<input name="Submit" type="submit" class="inputedit" value="删除" 
 onclick="{if(confirm('确定纪录吗?')){
  this.document.formname.submit();
  return true;}return false;
 }"> 
<input name="按钮" type="button" ID="ok" onclick="{if(confirm('确定删除吗?')){
 window.location='Action.asp?Action=Del&
 TableName=Item&
 ID=<%=ID%>';
 return true;
}return false;}" value="删除栏目" />

再为大家分享一个实例:js的确认框confirm()代码实例

效果图:

js确认框confirm()用法实例详解

confirm()确认框在网页中比较常用,当然有些美观度要求比较高的网页可能需要自定义这样的功能,下面就来介绍一下window对象的confirm()函数的用法,下面县看一段代码实例,因为没有什么再比这个更直观了。

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="gb2312"> 
<title>confirm()代码实例</title> 
<script type="text/javascript"> 
window.onload=function(){
 var bt=document.getElementById("bt");
 bt.onclick=function(){
  if(confirm("真的要删除吗?")){
   alert("点击了确认按钮");
  }
  else{
   alert("点击了取消按钮");
  }
 }
}
</script> 
</head> 
<body> 
<input type="button" id="bt" value="点击弹出确认框" />
</body> 
</html>

以上代码是一个confirm的简单实例,可以很清晰的演示confirm()的作用,下面做一些总结:
1.confirm()函数中的参数是确认框的提示语。
2.此函数返回值是布尔型的,点击确定,返回值为true,点击取消返回值为false。

以上就是关于js确认框confirm()用法的实例,内容很丰富,希望大家喜欢。

Javascript 相关文章推荐
js wmp操作代码小结(音乐连播功能)
Nov 08 Javascript
jquery select选中的一个小问题
Oct 11 Javascript
javascript下判断一个对象是否具有指定名称的属性的的代码
Jan 11 Javascript
js不能获取隐藏的div的宽度只能先显示后获取
Sep 04 Javascript
浅谈JavaScript变量的自动转换和语句
Jun 12 Javascript
JS获取随机数和时间转换的简单实例
Jul 10 Javascript
Js查找字符串中出现次数最多的字符及个数实例解析
Sep 05 Javascript
JavaScript代码判断输入的字符串是否含有特殊字符和表情代码实例
Aug 17 Javascript
Vue常用的几个指令附完整案例
Nov 06 Javascript
vscode配置vue下的es6规范自动格式化详解
Mar 20 Javascript
小程序识别身份证,银行卡,营业执照,驾照的实现
Nov 05 Javascript
解决ele ui 表格表头太长问题的实现
Nov 13 Javascript
实例讲解jquery与json的结合
Jan 07 #Javascript
javascript仿百度输入框提示自动下拉补全
Jan 07 #Javascript
基于jquery实现表格无刷新分页
Jan 07 #Javascript
js密码强度检测
Jan 07 #Javascript
实例详解JSON数据格式及json格式数据域字符串相互转换
Jan 07 #Javascript
基于JavaScript实现通用tab选项卡(通用性强)
Jan 07 #Javascript
基于JavaScript代码实现兼容各浏览器的设为首页和加入收藏
Jan 07 #Javascript
You might like
Zerg剧情介绍
2020/03/14 星际争霸
实现获取http内容的php函数分享
2014/02/16 PHP
PHP中使用break跳出多重循环代码实例
2015/01/21 PHP
项目中应用Redis+Php的场景
2016/05/22 PHP
php字符串的替换,分割和连接方法
2016/05/23 PHP
Netbeans 8.2与PHP相关的新特性介绍
2016/10/08 PHP
php写入mysql中文乱码的实例解决方法
2019/09/17 PHP
从URL中提取参数与将对象转换为URL查询参数的实现代码
2012/01/12 Javascript
使用jquery实现简单的ajax
2013/07/08 Javascript
JS实现多物体缓冲运动实例代码
2013/11/29 Javascript
js实现的折叠导航示例
2013/11/29 Javascript
javascript如何创建表格(javascript绘制表格的二种方法)
2013/12/10 Javascript
jQuery中ajax和post处理json的不同示例对比
2014/11/02 Javascript
浅谈Unicode与JavaScript的发展史
2015/01/19 Javascript
被遗忘的javascript的slice() 方法
2015/04/20 Javascript
javascript十六进制及二进制转化的方法
2015/05/06 Javascript
require.js的用法详解
2015/10/20 Javascript
JS延时提示框实现方法详解
2015/11/26 Javascript
[原创]JQuery 在表单提交之前修改 提交的值
2016/04/14 Javascript
ReactJs设置css样式的方法
2017/06/08 Javascript
JS基于正则表达式实现的密码强度验证功能示例
2017/09/21 Javascript
微信小程序实现的picker多级联动功能示例
2019/05/23 Javascript
vue 中 命名视图的用法实例详解
2019/08/14 Javascript
JS中的算法与数据结构之队列(Queue)实例详解
2019/08/20 Javascript
微信小程序自定义菜单切换栏tabbar组件代码实例
2019/12/30 Javascript
javascript中的with语句学习笔记及用法
2020/02/17 Javascript
微信小程序实现限制用户转发功能的实例代码
2020/02/22 Javascript
Javascript实现单选框效果
2020/12/09 Javascript
[56:42]VP vs RNG 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
Fiddler如何抓取手机APP数据包
2016/01/22 Python
python编程嵌套函数实例代码
2018/02/11 Python
中国首家奢侈品O2O网购平台:第五大道奢侈品网
2017/12/14 全球购物
优秀毕业生推荐信
2013/11/02 职场文书
中学生秋季运动会广播稿
2014/09/21 职场文书
婚内分居协议书范文
2014/11/26 职场文书
通知函格式范文
2015/04/27 职场文书