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 清空form表单中某种元素的值
Dec 26 Javascript
jquery获取css中的选择器(实例讲解)
Dec 02 Javascript
JavaScript作用域与作用域链深入解析
Dec 06 Javascript
用jQuery实现的智能隐藏、滑动效果的返回顶部代码
Mar 18 Javascript
基于jquery固定于顶部的导航响应浏览器滚动条事件
Nov 02 Javascript
cookie的secure属性详解
Apr 08 Javascript
js判断输入字符串是否为空、空格、null的方法总结
Jun 14 Javascript
node内置调试方法总结
Feb 22 Javascript
angularjs通过过滤器返回超链接的方法
Oct 26 Javascript
原生JavaScript写出Tabs标签页的实例代码
Jul 20 Javascript
vue实现移动端触屏拖拽功能
Aug 21 Javascript
小程序实现密码输入框
Nov 16 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/10/09 PHP
PHP设计模式之装饰器模式实例详解
2018/02/07 PHP
jquery实现简单的拖拽效果实例兼容所有主流浏览器(优化篇)
2013/06/28 Javascript
Jquery validation remote 验证的缓存问题解决方法
2014/03/25 Javascript
创建、调用JavaScript对象的方法集锦
2014/12/24 Javascript
js实现iPhone界面风格的单选框和复选框按钮实例
2015/08/18 Javascript
JS实现可展开折叠层的鼠标拖曳效果
2015/10/09 Javascript
js基于setTimeout与setInterval实现多线程
2016/06/17 Javascript
用jquery的attr方法实现图片切换效果
2017/02/05 Javascript
轻松学习Javascript闭包
2017/03/01 Javascript
微信小程序对接七牛云存储的方法
2017/07/30 Javascript
JS表单传值和URL编码转换
2018/03/03 Javascript
Angular.JS读取数据库数据调用完整实例
2019/07/02 Javascript
vue实现图片上传预览功能
2019/12/23 Javascript
详解Vue中的watch和computed
2020/11/09 Javascript
[03:03]DOTA2校园争霸赛 济南城市决赛欢乐发奖活动
2013/10/21 DOTA
[09:31]2016国际邀请赛中国区预选赛Yao赛后采访 答题送礼
2016/06/27 DOTA
Python中endswith()函数的基本使用
2015/04/07 Python
python实现搜索本地文件信息写入文件的方法
2016/02/22 Python
Django使用模板后无法找到静态资源文件问题解决
2019/07/19 Python
Django 自定义404 500等错误页面的实现
2020/03/08 Python
简单了解Java Netty Reactor三种线程模型
2020/04/26 Python
python根据用户需求输入想爬取的内容及页数爬取图片方法详解
2020/08/03 Python
编写一子程序,将一链表倒序,即使链表表尾变表头,表头变表尾
2016/02/10 面试题
一年级语文教学反思
2014/02/13 职场文书
爱祖国演讲稿
2014/05/04 职场文书
质量在我心中演讲稿
2014/09/02 职场文书
运动会广播稿150字(9篇)
2014/09/20 职场文书
2014县政府领导班子三严三实对照检查材料思想汇报
2014/09/26 职场文书
电子银行业务授权委托书
2014/10/10 职场文书
二手车转让协议书
2015/01/29 职场文书
中学政教处工作总结
2015/08/13 职场文书
2016形势与政策学习心得体会
2016/01/12 职场文书
《金钱的魔力》教学反思
2016/02/20 职场文书
分析Java中Map的遍历性能问题
2021/06/26 Java/Android
python基础之错误和异常处理
2021/10/24 Python