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 相关文章推荐
Angularjs制作简单的路由功能demo
Apr 14 Javascript
javascript实现粘贴qq截图功能(clipboardData)
May 29 Javascript
微信小程序之ES6与事项助手的功能实现
Nov 30 Javascript
Easyui Tree获取当前选择节点的所有顶级父节点
Feb 14 Javascript
JavaScript中闭包的详解
Apr 01 Javascript
基于Bootstrap模态对话框只加载一次 remote 数据的解决方法
Jul 09 Javascript
jquery ztree实现右键收藏功能
Nov 20 jQuery
vue的状态管理模式vuex
Nov 30 Javascript
jQuery实现的下雪动画效果示例【附源码下载】
Feb 02 jQuery
微信小程序生成海报分享朋友圈的实现方法
May 06 Javascript
Javascript文本框脚本实现方法解析
Oct 30 Javascript
js实现圆形菜单选择器
Dec 03 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分页函数
2006/10/09 PHP
php截取后台登陆密码的代码
2012/05/05 PHP
PHP自定义大小验证码的方法详解
2013/06/07 PHP
PHP模板引擎Smarty之配置文件在模板变量中的使用方法示例
2016/04/11 PHP
Mootools 1.2 手风琴(Accordion)教程
2009/09/15 Javascript
js判断IE浏览器版本过低示例代码
2013/11/22 Javascript
javascript获取和判断浏览器窗口、屏幕、网页的高度、宽度等
2014/05/08 Javascript
jQuery中ajax的load()与post()方法实例详解
2016/01/05 Javascript
JS生成某个范围的随机数【四种情况详解】
2016/04/20 Javascript
浅谈js中的三种继承方式及其优缺点
2016/08/10 Javascript
Bootstrap Table使用整理(五)之分页组合查询
2017/06/09 Javascript
在vue-cli脚手架中配置一个vue-router前端路由
2017/07/03 Javascript
详解vue-cli脚手架build目录中的dev-server.js配置文件
2017/11/24 Javascript
JavaScript门道之标准库
2018/05/26 Javascript
基于jQuery使用Ajax动态执行模糊查询功能
2018/07/05 jQuery
详解npm 配置项registry修改为淘宝镜像
2018/09/07 Javascript
JavaScript原型对象原理与应用分析
2018/12/27 Javascript
p5.js临摹动态图形实现方法详解
2019/10/23 Javascript
vue随机验证码组件的封装实现
2020/02/19 Javascript
Python遍历目录并批量更换文件名和目录名的方法
2016/09/19 Python
python邮件发送smtplib使用详解
2020/06/16 Python
python3.7环境下安装Anaconda的教程图解
2019/09/10 Python
自适应线性神经网络Adaline的python实现详解
2019/09/30 Python
Python 实现Numpy中找出array中最大值所对应的行和列
2019/11/26 Python
Python基于numpy模块实现回归预测
2020/05/14 Python
Pytorch转onnx、torchscript方式
2020/05/25 Python
Python使用for生成列表实现过程解析
2020/09/22 Python
使用豆瓣源来安装python中的第三方库方法
2021/01/26 Python
利用Python批量识别电子账单数据的方法
2021/02/08 Python
英国现代市场:ARKET
2019/04/10 全球购物
致铅球运动员加油稿
2014/02/13 职场文书
经典促销广告词大全
2014/03/19 职场文书
吨的认识教学反思
2014/04/27 职场文书
国际商务英语专业求职信
2014/07/08 职场文书
晶体管来复再生式二管收音机
2021/04/22 无线电
阿里云 Windows server 2019 配置FTP
2022/04/28 Servers