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 获取网页参数系统
Jul 19 Javascript
JavaScript代码应该放在HTML代码哪个位置比较好?
Oct 16 Javascript
JavaScript中实现继承的三种方式和实例
Jan 29 Javascript
Javascript简写条件语句(推荐)
Jun 12 Javascript
Bootstrap中的表单验证插件bootstrapValidator使用方法整理(推荐)
Jun 21 Javascript
js控制div层的叠加简单方法
Oct 15 Javascript
javascript设计模式之中介者模式学习笔记
Feb 15 Javascript
jQuery开源组件BootstrapValidator使用详解
Jun 29 jQuery
AngularJS实现表格的增删改查(仅限前端)
Jul 04 Javascript
用JavaScript做简易的购物车的代码示例
Oct 20 Javascript
关于echarts在节点显示动态数据及添加提示文本所遇到的问题
Apr 20 Javascript
在vue中实现给每个页面顶部设置title
Jul 29 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
xml在joomla表单中的应用详解分享
2012/07/19 PHP
PHP判断数组是否为空的常用方法(五种方法)
2017/02/08 PHP
PHP4和PHP5版本下解析XML文档的操作方法实例分析
2017/05/20 PHP
PHP实现绘制二叉树图形显示功能详解【包括二叉搜索树、平衡树及红黑树】
2017/11/16 PHP
php实现小程序支付完整版
2018/10/09 PHP
php生成微信红包数组的方法
2019/09/05 PHP
基于jQuery UI CSS Framework开发Widget的经验
2010/08/21 Javascript
jQuery load方法用法集锦
2011/12/06 Javascript
ASP.NET jQuery 实例5 (显示CheckBoxList成员选中的内容)
2012/01/13 Javascript
node.js中的buffer.Buffer.byteLength方法使用说明
2014/12/10 Javascript
全面接触神奇的Bootstrap导航条实战篇
2016/08/01 Javascript
浅析Node.js实现HTTP文件下载
2016/08/05 Javascript
预防网页挂马的方法总结
2016/11/03 Javascript
基于JS设计12306登录页面
2016/12/28 Javascript
RequireJs的使用详解
2017/02/19 Javascript
Angular4 反向代理Details实践
2018/05/30 Javascript
Vue项目使用localStorage+Vuex保存用户登录信息
2019/05/27 Javascript
优雅的处理vue项目异常实战记录
2019/06/05 Javascript
微信小程序封装分享与分销功能过程解析
2019/08/13 Javascript
python使用socket进行简单网络连接的方法
2015/04/29 Python
Python 迭代器工具包【推荐】
2016/05/06 Python
详解Python实现按任意键继续/退出的功能
2016/08/19 Python
python实现内存监控系统
2021/03/07 Python
Python3实现计算两个数组的交集算法示例
2019/04/03 Python
python装饰器练习题及答案
2019/11/01 Python
python实现猜单词游戏
2020/05/22 Python
python如何写出表白程序
2020/06/01 Python
python:删除离群值操作(每一行为一类数据)
2020/06/08 Python
Under Armour瑞典官方网站:美国高端运动科技品牌
2018/11/21 全球购物
戴森比利时官方网站:Dyson BE
2020/10/03 全球购物
请假条怎么写
2014/04/10 职场文书
基层党员公开承诺书
2014/05/29 职场文书
党员四风问题对照检查材料思想汇报
2014/09/16 职场文书
学校运动会广播稿
2014/10/11 职场文书
2014年环保工作总结
2014/11/26 职场文书
公司的力量观后感
2015/06/05 职场文书