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 简单高效判断数据类型 系列函数 By shawl.qiu
Mar 06 Javascript
比较简单的异步加载JS文件的代码
Jul 18 Javascript
JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法
Jul 01 Javascript
返回函数的JavaScript函数
Jun 14 Javascript
js实现select选择框效果及美化
Aug 19 Javascript
jQuery和JavaScript节点插入元素的方法对比
Nov 18 Javascript
详解js界面跳转与值传递
Nov 22 Javascript
vue中使用localstorage来存储页面信息
Nov 04 Javascript
jQuery除指定区域外点击任何地方隐藏DIV功能
Nov 13 jQuery
详解使用vue-admin-template的优化历程
May 20 Javascript
vuex实现的简单购物车功能示例
Feb 13 Javascript
JavaScript实现前端网页版倒计时
Mar 24 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可逆加密函数(分享)
2013/06/06 PHP
discuz免激活同步登入代码修改方法(discuz同步登录)
2013/12/24 PHP
jQuery之过滤元素操作小结
2013/11/30 Javascript
jQuery源码分析之Callbacks详解
2015/03/13 Javascript
JavaScript对表格或元素按文本,数字或日期排序的方法
2015/05/26 Javascript
javascript表单事件处理方法详解
2016/05/15 Javascript
关于JS Lodop打印插件打印Bootstrap样式错乱问题的解决方案
2016/12/23 Javascript
js通过Date对象实现倒计时动画效果
2017/10/27 Javascript
vue 挂载路由到头部导航的方法
2017/11/13 Javascript
关于vue-router的那些事儿
2018/05/23 Javascript
JS实现盒子跟着鼠标移动及键盘方向键控制盒子移动效果示例
2019/01/29 Javascript
ES6 更易于继承的类语法的使用
2019/02/11 Javascript
微信小程序点餐系统开发常见问题汇总
2019/08/06 Javascript
JavaScript实现tab栏切换效果
2020/03/16 Javascript
原生JavaScript实现贪吃蛇游戏
2020/11/04 Javascript
[16:04]DOTA2海涛带你玩炸弹 9月5日更新内容详解
2014/09/05 DOTA
python3使用requests模块爬取页面内容的实战演练
2017/09/25 Python
pycharm远程调试openstack的图文教程
2017/11/21 Python
python使用socket创建tcp服务器和客户端
2018/04/12 Python
浅谈matplotlib 绘制梯度下降求解过程
2020/07/12 Python
Python将字典转换为XML的方法
2020/08/01 Python
搭建pypi私有仓库实现过程详解
2020/11/25 Python
css3制作动态进度条以及附加jQuery百分比数字显示
2012/12/13 HTML / CSS
CSS3之背景尺寸Background-size使用介绍
2013/10/14 HTML / CSS
微软俄罗斯官方网站:Microsoft俄罗斯
2016/09/18 全球购物
美国领先的家居装饰和礼品商店:Kirkland’s
2017/01/30 全球购物
伦敦剧院及景点门票:Encore Tickets
2018/07/01 全球购物
如何整合JQuery和Prototype
2014/01/31 面试题
中间件的定义
2016/08/09 面试题
农药学硕士毕业生自荐信
2013/09/25 职场文书
小学生教师节演讲稿
2014/09/03 职场文书
毕业实习证明范本
2015/06/16 职场文书
一年级语文教学随笔
2015/08/14 职场文书
2016年小学感恩节活动总结
2016/04/01 职场文书
C3 线性化算法与 MRO之Python中的多继承
2021/10/05 Python
python游戏开发之pygame实现接球小游戏
2022/04/22 Python