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 eval和JSON之间的联系
Dec 31 Javascript
JQuery开发的数独游戏代码
Oct 29 Javascript
js实现改进的仿蓝色论坛导航菜单效果代码
Sep 06 Javascript
详解Angular中$cacheFactory缓存的使用
Aug 19 Javascript
详解JS异步加载的三种方式
Mar 07 Javascript
解决vue-cli脚手架打包后vendor文件过大的问题
Sep 27 Javascript
详解写好JS条件语句的5条守则
Feb 28 Javascript
VUE写一个简单的表格实例
Aug 06 Javascript
vue计算属性+vue中class与style绑定(推荐)
Mar 30 Javascript
详解ES6 扩展运算符的使用与注意事项
Nov 12 Javascript
jQuery-App输入框实现实时搜索
Nov 19 jQuery
vue项目proxyTable配置和部署服务器
Apr 14 Vue.js
实例讲解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生成json和xml类型接口数据格式
2015/05/17 PHP
php搜索文件程序分享
2015/10/30 PHP
PHP未登录自动跳转到登录页面
2016/12/21 PHP
JQuery 学习笔记 选择器之六
2009/07/23 Javascript
基于jQuery实现的Ajax 验证用户名是否存在的实现代码
2011/04/06 Javascript
深入document.write()与HTML4.01的非成对标签的详解
2013/05/08 Javascript
详细分析JavaScript函数定义
2015/07/16 Javascript
微信jssdk在iframe页面失效问题的解决措施
2016/03/03 Javascript
JS实现统计字符串中字符出现个数及最大个数功能示例
2018/06/04 Javascript
微信小程序实现简单跑马灯效果
2020/05/26 Javascript
Element输入框带历史查询记录的实现示例
2019/01/15 Javascript
大转盘抽奖小程序版 转盘抽奖网页版
2020/04/16 Javascript
JavaScript实现移动端带transition动画的轮播效果
2020/03/24 Javascript
IDEA配置jQuery, $符号不再显示黄色波浪线的问题
2020/10/09 jQuery
react ant Design手动设置表单的值操作
2020/10/31 Javascript
ES6 十大特性简介
2020/12/09 Javascript
[01:50:49]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Aster BO3 第三场 1月24日
2021/03/11 DOTA
python中的对象拷贝示例 python引用传递
2014/01/23 Python
Python实现单词翻译功能
2017/06/06 Python
Python实战小程序利用matplotlib模块画图代码分享
2017/12/09 Python
Python动刷新抢12306火车票的代码(附源码)
2018/01/24 Python
windows下添加Python环境变量的方法汇总
2018/05/14 Python
在Python中实现替换字符串中的子串的示例
2018/10/31 Python
Python Numpy,mask图像的生成详解
2020/02/19 Python
python-xpath获取html文档的部分内容
2020/03/06 Python
keras CNN卷积核可视化,热度图教程
2020/06/22 Python
CSS3制作轮播图的一种方法
2019/11/11 HTML / CSS
苏格兰领先的多渠道鞋店:Begg Shoes
2019/10/22 全球购物
审计主管岗位职责
2014/01/31 职场文书
我的中国梦演讲稿高中篇
2014/08/19 职场文书
2014年学校党建工作总结
2014/11/11 职场文书
刑事附带民事起诉状
2015/05/19 职场文书
话题作文之财富(600字)
2019/12/03 职场文书
JS + HTML 罗盘式时钟的实现
2021/05/21 Javascript
彻底解决MySQL使用中文乱码的方法
2022/01/22 MySQL
clear 万能清除浮动(clearfix:after)
2023/05/21 HTML / CSS