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实现表格排序方法
Jun 14 Javascript
js实现选中复选框文字变色的方法
Aug 14 Javascript
AngularJs入门教程之环境搭建+创建应用示例
Nov 01 Javascript
浅谈Node模块系统及其模式
Nov 17 Javascript
移动前端图片压缩上传的实例
Dec 06 Javascript
Angular实现的内置过滤器orderBy排序与模糊查询功能示例
Dec 29 Javascript
vue中过滤器filter的讲解
Jan 21 Javascript
超详细的5个Shell脚本实例分享(值得收藏)
Aug 15 Javascript
vue获取data数据改变前后的值方法
Nov 07 Javascript
js将URL网址转为16进制加密与解密函数
Mar 04 Javascript
JavaScript适配器模式原理与用法实例详解
Mar 09 Javascript
解决elementUI 切换tab后 el_table 固定列下方多了一条线问题
Jul 19 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
收听困难?教您超简便短波广播抗干扰方法!
2021/03/01 无线电
CodeIgniter框架中_remap()使用方法2例
2014/03/10 PHP
PHP中Enum(枚举)用法实例详解
2015/12/07 PHP
深入理解PHP 数组之count 函数
2016/06/13 PHP
Jquery ajaxsubmit上传图片实现代码
2010/11/04 Javascript
jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码
2014/02/21 Javascript
JS判断是否在微信浏览器打开的简单实例(推荐)
2016/08/24 Javascript
实现一个简单的vue无限加载指令方法
2017/01/10 Javascript
bootstrap table表格使用方法详解
2017/04/26 Javascript
vue2配置scss的方法步骤
2019/06/06 Javascript
Layui给switch添加响应事件的例子
2019/09/03 Javascript
Vue项目中使用better-scroll实现菜单映射功能方法
2019/09/11 Javascript
ES6使用新特性Proxy实现的数据绑定功能实例
2020/05/11 Javascript
用云开发Cloudbase实现小程序多图片内容安全监测的代码详解
2020/06/07 Javascript
解决vuex刷新数据消失问题
2020/11/12 Javascript
Python复制目录结构脚本代码分享
2015/03/06 Python
Python内置函数—vars的具体使用方法
2017/12/04 Python
Python多线程爬虫实战_爬取糗事百科段子的实例
2017/12/15 Python
python实现决策树分类算法
2017/12/21 Python
Python将一个CSV文件里的数据追加到另一个CSV文件的方法
2018/07/04 Python
对pandas将dataframe中某列按照条件赋值的实例讲解
2018/11/29 Python
CentOS6.9 Python环境配置(python2.7、pip、virtualenv)
2019/05/06 Python
Python OpenCV实现鼠标画框效果
2020/08/19 Python
opencv 查找连通区域 最大面积实例
2020/06/04 Python
Selenium执行完毕未关闭chromedriver/geckodriver进程的解决办法(java版+python版)
2020/12/07 Python
美国受欢迎的眼影品牌:BH Cosmetics
2016/10/25 全球购物
eBay澳大利亚站:eBay.com.au
2018/02/02 全球购物
培训讲师邀请函
2014/01/10 职场文书
社区优秀志愿者材料
2014/02/02 职场文书
公司任命书范本
2014/06/04 职场文书
大学国际贸易专业自荐信
2014/06/05 职场文书
倡导文明标语
2014/06/16 职场文书
党建工作汇报材料
2014/12/24 职场文书
交通事故和解协议书
2015/01/27 职场文书
详解SpringBoot异常处理流程及原理
2021/06/21 Java/Android
MyBatis XPathParser解析器使用范例详解
2022/07/15 Java/Android