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 相关文章推荐
jQuery$命名冲突怎么办如何解决
Jan 16 Javascript
jQuery弹出框代码封装DialogHelper
Jan 30 Javascript
jQuery插件实现带圆点的焦点图片轮播切换
Jan 18 Javascript
javascript创建对象、对象继承的实用方式详解
Mar 08 Javascript
基于socket.io+express实现多房间聊天
Mar 17 Javascript
JS创建事件的三种方法(实例代码)
May 12 Javascript
浅谈JavaScript变量的自动转换和语句
Jun 12 Javascript
基于touch.js手势库+zepto.js插件开发图片查看器(滑动、缩放、双击缩放)
Nov 17 Javascript
Bootstrap模态框案例解析
Mar 05 Javascript
微信小程序中实现手指缩放图片的示例代码
Mar 13 Javascript
qrcode生成二维码微信长按无法识别问题的解决
Apr 04 Javascript
JavaScript实现轮播图效果
Oct 30 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
3种平台下安装php4经验点滴
2006/10/09 PHP
PHP实现生成模糊图片的方法示例
2017/12/21 PHP
Yii2.0建立公共方法简单示例
2019/01/29 PHP
js禁止小键盘输入数字功能代码
2011/08/01 Javascript
禁止选中文字兼容IE、Chrome、FF等
2013/09/04 Javascript
让新消息在网页标题闪烁提示的jQuery代码
2013/11/04 Javascript
自定义jquery模态窗口插件无法在顶层窗口显示问题
2014/05/29 Javascript
kindeditor编辑器点中图片滚动条往上顶的bug
2015/07/05 Javascript
JS中递归函数
2016/06/17 Javascript
使用node.js实现微信小程序实时聊天功能
2018/08/13 Javascript
小程序组件之仿微信通讯录的实现代码
2018/09/12 Javascript
JavaScript对JSON数组简单排序操作示例
2019/01/31 Javascript
vue-router源码之history类的浅析
2019/05/21 Javascript
nest.js 使用express需要提供多个静态目录的操作方法
2019/10/24 Javascript
vue-iview动态新增和删除的方法
2020/06/17 Javascript
nestjs返回给前端数据格式的封装实现
2021/02/22 Javascript
Python中使用pprint函数进行格式化输出的教程
2015/04/07 Python
Python中str is not callable问题详解及解决办法
2017/02/10 Python
python多进程提取处理大量文本的关键词方法
2018/06/05 Python
python bmp转换为jpg 并删除原图的方法
2018/10/25 Python
Python Pandas数据中对时间的操作
2019/07/30 Python
Python如何读取、写入CSV数据
2020/07/28 Python
捷克玩具商店:Bambule
2019/02/23 全球购物
Lookfantastic美国/加拿大:英国知名美妆购物网站
2019/03/27 全球购物
HolidayLettings英国:预订最好的度假公寓、别墅和自助式住宿
2019/08/27 全球购物
澳大利亚人信任的清洁平台,您的私人管家:Jarvis
2020/12/25 全球购物
工程造价与管理专业应届生求职信
2013/11/23 职场文书
师德师风建设方案
2014/05/08 职场文书
应聘护士求职信
2014/07/21 职场文书
经理岗位职责
2015/02/02 职场文书
城管个人总结
2015/02/28 职场文书
交通处罚决定书
2015/06/24 职场文书
2016年第32个教师节红领巾广播稿
2015/12/18 职场文书
篮球拉拉队口号
2015/12/25 职场文书
2016党员三严三实心得体会
2016/01/15 职场文书
如何获取numpy array前N个最大值
2021/05/14 Python