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 相关文章推荐
百度移动版的url编码解码示例
Apr 29 Javascript
浅谈JavaScript数据类型
Mar 03 Javascript
js游戏人物上下左右跑步效果代码分享
Aug 28 Javascript
jquery图片轮播特效代码分享
Apr 20 Javascript
轻松学习jQuery插件EasyUI EasyUI创建树形网络(1)
Nov 30 Javascript
Javascript在IE和Firefox浏览器常见兼容性问题总结
Aug 03 Javascript
js实现自动轮换选项卡
Jan 13 Javascript
vue实现一个炫酷的日历组件
Oct 08 Javascript
VUE渲染后端返回含有script标签的html字符串示例
Oct 28 Javascript
关于Vue中$refs的探索浅析
Nov 05 Javascript
解决vue $http的get和post请求跨域问题
Jun 07 Vue.js
Vue3如何理解ref toRef和toRefs的区别
Feb 18 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动态图像的创建
2006/10/09 PHP
php入门小知识
2008/03/24 PHP
PHP禁止页面缓存的代码
2011/10/23 PHP
php 不使用js实现页面跳转
2014/02/11 PHP
php使用正则过滤js脚本代码实例
2014/05/10 PHP
php中mysql连接方式PDO使用详解
2015/02/25 PHP
PHP简单检测网址是否能够正常打开的方法
2016/09/04 PHP
Jquery之美中不足小结
2011/02/16 Javascript
常规表格多表头查询示例
2014/02/21 Javascript
jQuery中height()方法用法实例
2014/12/24 Javascript
js精美的幻灯片画集特效代码分享
2015/08/29 Javascript
详解javascript事件冒泡
2016/01/09 Javascript
JavaScipt中栈的实现方法
2016/02/17 Javascript
深入学习JavaScript的AngularJS框架中指令的使用方法
2016/03/05 Javascript
使用jQuery.Qrcode插件在客户端动态生成二维码并添加自定义Logo
2016/09/01 Javascript
详解Vue.js Mixins 混入使用
2017/09/15 Javascript
详解Vue-cli中的静态资源管理(src/assets和static/的区别)
2018/06/19 Javascript
基于jQuery的时间戳与日期间的转化
2019/06/21 jQuery
JQuery+Bootstrap 自定义全屏Loading插件的示例demo
2019/07/03 jQuery
微信小程序实现单个或多个倒计时功能
2020/11/01 Javascript
Python中encode()方法的使用简介
2015/05/18 Python
python中itertools模块zip_longest函数详解
2018/06/12 Python
Python在终端通过pip安装好包以后在Pycharm中依然无法使用的问题(三种解决方案)
2020/03/10 Python
html5-websocket基于远程方法调用的数据交互实现
2012/12/04 HTML / CSS
利用HTML5的新特点实现图片文件异步上传
2014/05/29 HTML / CSS
英国最大的在线快递公司之一:ParcelHero
2019/11/04 全球购物
印尼第一大家居、生活和家具电子商务:Ruparupa
2019/11/25 全球购物
What's the difference between deep copy and shallow copy? (深拷贝与浅拷贝有什么区别)
2015/11/10 面试题
生物技术专业研究生自荐信
2013/09/22 职场文书
物流专员岗位职责
2014/02/17 职场文书
大课间体育活动方案
2014/03/12 职场文书
2014迎接教师节演讲稿
2014/09/10 职场文书
银行竞聘报告范文
2014/11/06 职场文书
CentOS8.4安装Redis6.2.6的详细过程
2021/11/20 Redis
人物搭配车车超萌联名预备中 【咒术迴战】 ⨯ 【天竺鼠车车】 展开合作
2022/04/11 日漫
Windows server 2003卸载和安装IIS的图文教程
2022/07/15 Servers