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 相关文章推荐
通过 Dom 方法提高 innerHTML 性能
Mar 26 Javascript
zShowBox 图片放大展示jquery版 兼容性
Sep 24 Javascript
Javascript图像处理—平滑处理实现原理
Dec 28 Javascript
手机端页面rem宽度自适应脚本
May 20 Javascript
浅析Node.js中使用依赖注入的相关问题及解决方法
Jun 24 Javascript
Form表单上传文件(type=&quot;file&quot;)的使用
Aug 03 Javascript
vue2.0项目中使用Ueditor富文本编辑器示例代码
Aug 14 Javascript
浅谈vue路径优化之resolve
Oct 13 Javascript
浅谈React高阶组件
Mar 28 Javascript
vuex state及mapState的基础用法详解
Apr 19 Javascript
vue结合element-ui使用示例
Jan 24 Javascript
Vue项目中数据的深度监听或对象属性的监听实例
Jul 17 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
自动分页的不完整解决方案
2007/01/12 PHP
对Session和Cookie的区分与解释
2007/03/16 PHP
php四种基础算法代码实例
2013/10/29 PHP
php压缩和解压缩字符串的方法
2015/03/14 PHP
Yii框架使用PHPExcel导出Excel文件的方法分析【改进版】
2019/07/24 PHP
基于jQuery的前端数据通用验证库
2011/08/08 Javascript
node.js 和HTML5开发本地桌面应用程序
2016/12/13 Javascript
基于jPlayer三分屏的制作方法
2016/12/21 Javascript
js 原型对象和原型链理解
2017/02/09 Javascript
js获取当前页的URL与window.location.href简单方法
2017/02/13 Javascript
简单实现js菜单栏切换效果
2017/03/04 Javascript
基于JS实现网页中的选项卡(两种方法)
2017/06/16 Javascript
微信小程序实现之手势锁功能实例代码
2018/07/19 Javascript
jQuery UI实现动画效果代码分享
2018/08/19 jQuery
Mint-UI时间组件起始时间问题及时间插件使用
2018/08/20 Javascript
原生JavaScript之es6中Class的用法分析
2020/02/23 Javascript
JavaScript写个贪吃蛇小游戏(超详细)
2020/03/17 Javascript
Python基于回溯法子集树模板解决取物搭配问题实例
2017/09/02 Python
python3使用QQ邮箱发送邮件
2020/05/20 Python
python自动脚本的pyautogui入门学习
2020/04/01 Python
python温度转换华氏温度实现代码
2020/12/06 Python
全球知名的婚恋交友网站:Match.com
2017/01/05 全球购物
Superdry瑞典官网:英国日本街头风品牌
2017/05/17 全球购物
NFL Game Pass欧洲:在线观看NFL比赛直播和点播,以高清质量播放
2018/08/30 全球购物
LINUX下线程,GDI类的解释
2016/12/14 面试题
女方回门宴答谢词
2014/01/14 职场文书
会计电算化大学生职业规划书
2014/02/05 职场文书
仓库管理计划书
2014/05/04 职场文书
毕业典礼演讲稿
2014/05/13 职场文书
经济贸易系毕业生求职信
2014/05/31 职场文书
社区志愿者活动总结
2014/06/26 职场文书
基层党建工作汇报材料
2014/08/15 职场文书
党员对照检查材料整改措施思想汇报
2014/09/26 职场文书
人代会简报
2015/07/21 职场文书
创业的9条正确思考方式
2019/08/26 职场文书
Vue3实现简易音乐播放器组件
2022/08/14 Vue.js