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中各种编码解码函数的区别和注意事项
Aug 19 Javascript
jQuery右键菜单contextMenu使用实例
Sep 28 Javascript
JS.GetAllChild(element,deep,condition)使用介绍
Sep 21 Javascript
jQuery中校验时间格式的正则表达式小结
Sep 22 Javascript
JS冒泡事件的快速解决方法
Dec 16 Javascript
js简单时间比较的方法
Aug 02 Javascript
jQuery操作之效果详解
May 19 jQuery
详解angular中的作用域及继承
May 31 Javascript
Angular js 实现添加用户、修改密码、敏感字、下拉菜单的综合操作方法
Oct 24 Javascript
vue编译打包本地查看index文件的方法
Feb 23 Javascript
深入浅析Vue全局组件与局部组件的区别
Jun 15 Javascript
vue实现移动端input上传视频、音频
Aug 18 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
全国FM电台频率大全 - 8 黑龙江省
2020/03/11 无线电
php组合排序简单实现方法
2016/10/15 PHP
laravel中数据显示方法(默认值和下拉option默认选中)
2019/10/11 PHP
javascript firefox兼容ie的dom方法脚本
2008/05/18 Javascript
Javascript 兼容firefox的一些问题
2009/05/21 Javascript
鼠标滑过出现预览的大图提示效果
2014/02/26 Javascript
js使用DOM操作实现简单留言板的方法
2015/04/10 Javascript
jQuery禁用快捷键例如禁用F5刷新 禁用右键菜单等的简单实现
2016/08/31 Javascript
利用types增强vscode中js代码提示功能详解
2017/07/07 Javascript
最新Javascript程序员面试试题和解题方法
2017/11/23 Javascript
vue-cli脚手架引入弹出层layer插件的几种方法
2019/06/24 Javascript
vue子传父关于.sync与$emit的实现
2019/11/05 Javascript
vue中get请求如何传递数组参数的方法示例
2019/11/08 Javascript
vuex(vue状态管理)的特殊应用案例分享
2020/03/03 Javascript
JS如何寻找数组中心索引过程解析
2020/06/01 Javascript
JavaScript实现简单验证码
2020/08/24 Javascript
[47:22]Mineski vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
python paramiko实现ssh远程访问的方法
2013/12/03 Python
python实现模拟按键,自动翻页看u17漫画
2015/03/17 Python
理解Python中的类与实例
2015/04/27 Python
对pandas处理json数据的方法详解
2019/02/08 Python
Python3 列表,数组,矩阵的相互转换的方法示例
2019/08/05 Python
基于Python3.7.1无法导入Numpy的解决方式
2020/03/09 Python
美国存储和组织商店:The Container Store
2017/08/16 全球购物
美国最大的万圣节服装网站:HalloweenCostumes.com
2017/10/12 全球购物
SQL Server里面什么样的视图才能创建索引
2015/04/17 面试题
JAVA程序设计笔试题面试题一套
2015/07/28 面试题
探亲邀请信范文
2014/01/30 职场文书
室内拓展活动方案
2014/02/13 职场文书
群众路线党课主持词
2014/04/01 职场文书
中介业务员岗位职责
2014/04/09 职场文书
软件售后服务承诺书
2014/05/21 职场文书
2016高考寄语或鼓励的话语
2015/12/04 职场文书
小学四年级作文之写景
2019/08/23 职场文书
解析原生JS getComputedStyle
2021/05/25 Javascript
Spring Data JPA框架的核心概念和Repository接口
2022/04/28 Java/Android