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 相关文章推荐
用javascript获取当页面上鼠标光标位置和触发事件的对象的代码
Dec 09 Javascript
获取非最后一列td值并将title设为该值的方法
Oct 30 Javascript
利用try-catch判断变量是已声明未声明还是未赋值
Mar 12 Javascript
给应用部分的js代码设定一个统一的入口
Jun 15 Javascript
javascript 获取浏览器版本
Jan 21 Javascript
深入分析jQuery的ready函数是如何工作的(工作原理)
Dec 17 Javascript
15个常用的jquery代码片段
Dec 19 Javascript
jQuery仿写百度百科的目录树
Jan 03 Javascript
js实现延迟加载的几种方法
Apr 24 Javascript
vue axios基于常见业务场景的二次封装的实现
Sep 21 Javascript
Vue项目中使用jquery的简单方法
May 16 jQuery
javascript中this的用法实践分析
Jul 29 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
PHP iconv 解决utf-8和gb2312编码转换问题
2010/04/12 PHP
getimagesize获取图片尺寸实例
2014/11/15 PHP
PHP格式化显示时间date()函数代码
2018/10/03 PHP
Prototype 1.5.0_rc1 及 Prototype 1.5.0 Pre0小抄本
2006/09/22 Javascript
js Date自定义函数 延迟脚本执行
2010/03/10 Javascript
JS在textarea光标处插入文本的小例子
2013/03/22 Javascript
js动画效果制件让图片组成动画代码分享
2014/01/14 Javascript
JavaScript字符串对象toLowerCase方法入门实例(用于把字母转换为小写)
2014/10/17 Javascript
jQuery中each()、find()和filter()等节点操作方法详解(推荐)
2016/05/25 Javascript
jQuery实现定位滚动条位置
2016/08/05 Javascript
原生js实现可爱糖果数字时间特效
2016/12/30 Javascript
微信小程序 监听手势滑动切换页面实例详解
2017/06/15 Javascript
Vue2.0用 watch 观察 prop 变化(不触发)
2017/09/08 Javascript
vue2.0 datepicker使用方法
2018/02/04 Javascript
浅谈webpack 自动刷新与解析
2018/04/09 Javascript
Python使用QQ邮箱发送Email的方法实例
2017/02/09 Python
浅谈Python实现2种文件复制的方法
2018/01/19 Python
Python简单生成随机数的方法示例
2018/03/31 Python
mac安装pytorch及系统的numpy更新方法
2018/07/26 Python
Python爬虫爬取新浪微博内容示例【基于代理IP】
2018/08/03 Python
Python魔法方法功能与用法简介
2019/04/04 Python
关于Django Models CharField 参数说明
2020/03/31 Python
法国太阳镜店:Sunglasses Shop
2016/08/27 全球购物
俄罗斯Sportmarket体育在线商店:用于旅游和户外活动
2019/11/12 全球购物
sleep()方法和wait()方法的区别是什么
2012/11/17 面试题
应届生污水处理求职信
2013/11/06 职场文书
小学教师培训感言
2014/02/11 职场文书
装修设计师求职信
2014/02/26 职场文书
大学班级文化建设方案
2014/05/06 职场文书
企业总经理助理岗位职责
2014/09/12 职场文书
敲诈同学钱财检讨书范文
2014/11/18 职场文书
2014年安全管理工作总结
2014/12/01 职场文书
硕士毕业论文导师评语
2014/12/31 职场文书
公司庆典主持词
2015/07/04 职场文书
学校运动会开幕词
2016/03/03 职场文书
实习报告怎么写
2019/06/20 职场文书