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 相关文章推荐
CheckBoxList多选样式jquery、C#获取选择项
Sep 06 Javascript
JavaScript支持的最大递归调用次数分析
Jun 24 Javascript
javascript日期处理函数,性能优化批处理
Sep 06 Javascript
全屏js头像上传插件源码高清版
Mar 29 Javascript
jquery.masonry瀑布流效果
May 25 jQuery
vue2.0实现分页组件的实例代码
Jun 22 Javascript
React Native使用Modal自定义分享界面的示例代码
Oct 31 Javascript
解决Jstree 选中父节点时被禁用的子节点也会选中的问题
Dec 27 Javascript
vue页面离开后执行函数的实例
Mar 13 Javascript
Jquery获取radio选中值实例总结
Jan 17 jQuery
使用Vue实现移动端左滑删除效果附源码
May 16 Javascript
vue实现搜索过滤效果
May 28 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
不用数据库的多用户文件自由上传投票系统(1)
2006/10/09 PHP
我用php+mysql写的留言本
2006/10/09 PHP
PHP 常见郁闷问题答解
2006/11/25 PHP
php连接Access数据库错误及解决方法
2013/06/20 PHP
THINKPHP5分页数据对象处理过程解析
2020/10/28 PHP
表单内同名元素的控制
2006/11/22 Javascript
javascript IE中的DOM ready应用技巧
2008/07/23 Javascript
JavaScript 小型打飞机游戏实现原理说明
2010/10/28 Javascript
解决jquery1.9不支持browser对象的问题
2013/11/13 Javascript
javascript中文本框中输入法切换的问题
2013/12/10 Javascript
扩展IE中一些不兼容的方法如contains、startWith等等
2014/01/09 Javascript
Javascript连接Access数据库完整实例
2015/08/03 Javascript
JavaScript中数组的22种方法必学(推荐)
2016/07/20 Javascript
easyui messager alert 三秒后自动关闭提示的实例
2016/11/07 Javascript
bootstrap的3级菜单样式,支持母版页保留打开状态实现方法
2016/11/10 Javascript
JS实战篇之收缩菜单表单布局
2016/12/10 Javascript
JS图片轮播与索引变色功能实例详解
2017/07/06 Javascript
JavaScript检测是否开启了控制台(F12调试工具)
2020/10/02 Javascript
[00:52]玛尔斯技能全介绍
2019/03/06 DOTA
Python打印scrapy蜘蛛抓取树结构的方法
2015/04/08 Python
Python 中 Virtualenv 和 pip 的简单用法详解
2017/08/18 Python
python多进程提取处理大量文本的关键词方法
2018/06/05 Python
树莓派用python中的OpenCV输出USB摄像头画面
2019/06/22 Python
python Opencv计算图像相似度过程解析
2019/12/03 Python
Python requests模块session代码实例
2020/04/14 Python
美国精品地毯网站:Boutique Rugs
2020/03/04 全球购物
Kickers鞋英国官网:男士、女士和儿童鞋
2021/03/08 全球购物
计算机专业自我鉴定
2013/10/15 职场文书
单位单身证明范本
2014/01/11 职场文书
岗位职责说明书
2014/05/07 职场文书
庆祝三八妇女节标语
2014/10/09 职场文书
房屋买卖委托书格式范本格式
2014/10/13 职场文书
教师研修随笔感言
2015/11/18 职场文书
大学生各类奖学金申请书
2019/06/24 职场文书
Python机器学习应用之基于线性判别模型的分类篇详解
2022/01/18 Python
「玫瑰之王的葬礼」舞台剧主视觉图公开
2022/03/21 日漫