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 IE中的DOM ready应用技巧
Jul 23 Javascript
js利用数组length属性清空和截短数组的小例子
Jan 15 Javascript
对Jquery中的ajax再封装,简化操作示例
Feb 12 Javascript
javascript中对变量类型的判断方法
Aug 09 Javascript
jQuery Ajax 异步加载显示等待效果代码分享
Aug 01 Javascript
使用canvas及js简单生成验证码方法
Apr 02 Javascript
基于Axios 常用的请求方法别名(详解)
Mar 13 Javascript
vuejs实现ready函数加载完之后执行某个函数的方法
Aug 31 Javascript
如何安装控制器JavaScript生成插件详解
Oct 21 Javascript
前端Vue项目详解--初始化及导航栏
Jun 24 Javascript
JS实现横向轮播图(中级版)
Jan 18 Javascript
JavaScript对象原型链原理解析
Jan 22 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
《雄兵连》《烈阳天道》真的来了
2020/07/13 国漫
phpexcel导入excel数据使用方法实例
2013/12/24 PHP
在WordPress的文章编辑器中设置默认内容的方法
2015/12/29 PHP
Javascript 错误处理的几种方法
2009/06/13 Javascript
jquery 学习之二 属性(类)
2010/11/25 Javascript
Javascript继承机制的设计思想分享
2011/08/28 Javascript
JavaScript高级程序设计(第3版)学习笔记13 ECMAScript5新特性
2012/10/11 Javascript
Jquery:ajax实现翻页无刷新功能代码
2013/08/05 Javascript
浅析JavaScript中的常用算法与函数
2013/11/21 Javascript
jQuery常用样式操作实例分析(获取、设置、追加、删除、判断等)
2016/09/08 Javascript
jQuery异步提交表单的两种方式
2016/09/13 Javascript
vue.js todolist实现代码
2017/10/29 Javascript
puppeteer库入门初探
2019/01/09 Javascript
函数式编程入门实践(一)
2019/04/20 Javascript
利用Angular7开发一个Radio组件的全过程
2019/07/11 Javascript
详解vue为什么要求组件模板只能有一个根元素
2019/07/22 Javascript
三步实现ionic3点击退出app程序
2019/09/17 Javascript
微信分享invalid signature签名错误踩过的坑
2020/04/11 Javascript
快速了解Vue父子组件传值以及父调子方法、子调父方法
2020/07/15 Javascript
Vue的自定义组件不能使用click方法的解决
2020/07/28 Javascript
python的urllib模块显示下载进度示例
2014/01/17 Python
python实现连接mongodb的方法
2015/05/08 Python
Ubuntu下安装PyV8
2016/03/13 Python
特征脸(Eigenface)理论基础之PCA主成分分析法
2018/03/13 Python
python实现AES加密与解密
2019/03/28 Python
Python登录系统界面实现详解
2019/06/25 Python
python 设置xlabel,ylabel 坐标轴字体大小,字体类型
2019/07/23 Python
django删除表重建的实现方法
2019/08/28 Python
python实现布隆过滤器及原理解析
2019/12/08 Python
python打印异常信息的两种实现方式
2019/12/24 Python
奖学金自我鉴定范文
2013/10/03 职场文书
我的动漫时代的创业计划书范文
2014/01/27 职场文书
公司开业庆典主持词
2014/03/21 职场文书
应聘会计求职信
2014/06/11 职场文书
毕业论文答辩稿范文
2015/06/23 职场文书
《一面五星红旗》教学反思
2016/02/23 职场文书