Javascript confirm多种使用方法解析


Posted in Javascript onSeptember 25, 2020

confirm函数

confirm函数用于提供确认功能,它首先显示给定的message参数所包含的信息,并提供两个可选择的回答“ok”和“cancel”,然后等待用户选择其中的一个。如果用户选择“ok”则返回true;否则,如若选择“cancel”则返回false。该函数的语法格式如下:

window.confirm (message, ok, cancel)

它有3个参数,其中参数message是欲显示的字符串形式的提示信息;参数ok也是用于显示的一个字符串信息,它可以是“OK”,也可以是其他表示OK意义的文本信息,如“I Agree”、“I Like”等等;同样,参数cancel也是用于显示的字符串信息,可以是“Cancel”文本,也可以是其他表示Cancel意义的文本信息。

<script> var bln = window.confirm("确定吗?"); alert(bln) </script>

  • Button.Attributes.Add("onclick", "javascript:if(!confirm('你确定要删除该系统咨询吗?')) { return false; }")
  • Button.Attributes.Add("onclick","javascript:return confirm('请在登陆后运行,是否现在重新登陆?')")

例如:<a onclick="javascript:if(!confirm('确定要删除选择的信息吗?\n此操作不可以恢复!')) { return false; }" href="delhtml.asp?adid=<%=rs(" rel="external nofollow" adid")%>&type_oneid=<%=rs("type_oneid")%>"><font color="green">删除</font></a>

例子:

以下放在<head></head>中

<script>
function rusure()
{ 
question = confirm("确实要去进入吗?") 
if (question !="0")
{
window.open("","测试公告窗口","width=340,height=163,toolbar=0,status=0,menubar=0,resize=0");
}
}
</script>

以下放在<body></body>中

<a href="" onClick=" rel="external nofollow" rusure() ;return false;">来点击我</a>

用confirm确认提交动作,提交确认提示

例如在留言簿点击重写时,有时候我们希望会有一个提示,以免失误操作。代码如下:

方法一

<input name="Submit" type="submit" onClick="if(confirm('是否打开网页?')) location='http://www.05376.com'" value="打开">

方法二

<input name="Reset" type="reset" onClick="return clearbutton()" value="重写"> <script type="text/javascript"> function clearbutton() { if (!confirm("确定要重写吗?")) return false; } </script>

confirm() 方法 confirm() 方法用于显示一个带有指定消息和确定及取消按钮的对话框。 说明:如果用户点击确定按钮,则 confirm() 返回 true。如果点击取消按钮,则 confirm() 返回 false 一种:

代码如下:

<a href="javascript:if(confirm('确实要删除该内容吗?'))location='http://www.baidu.com'" rel="external nofollow" >弹出窗口</a>

二种:

代码如下:

<script language="JavaScript"> function delete_confirm(e) { if (event.srcElement.outerText == "删除") { event.returnValue = confirm("删除是不可恢复的,你确认要删除吗?"); } } document.onclick = delete_confirm; </script> <a href="Delete.aspx" rel="external nofollow" onClick="delete_confirm">删除</a>

三种:

代码如下:

if(window.confirm('你确定要取消交易吗?')){ //alert("确定"); return true; }else{ //alert("取消"); return false; }

四种:

代码如下:

<script language="JavaScript"> function delete_confirm() <!--调用方法--> { event.returnValue = confirm("删除是不可恢复的,你确认要删除吗?"); } </script>

我自己经常用的一种更简单的方法,更简单:

代码如下:

<form name="form1" method="post" action="xxx.htm" onSubmit="javascript:return window.confirm('确认提交吗?')">

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript初学者需要了解10个小技巧
Aug 25 Javascript
js操作textarea 常用方法总结
Dec 03 Javascript
解析js原生方法创建表格效率测试
Jul 08 Javascript
jQuery学习笔记之基础中的基础
Jan 19 Javascript
jquery实现树形菜单完整代码
Dec 29 Javascript
基于HTML5上使用iScroll实现下拉刷新,上拉加载更多
May 21 Javascript
Javascript OOP之面向对象
Jul 31 Javascript
在Web项目中引入Jquery插件报错的完美解决方案(图解)
Sep 19 Javascript
前端开发不得不知的10个最佳ES6特性
Aug 30 Javascript
浅谈Angular4中常用管道
Sep 27 Javascript
vue.js中created方法作用
Mar 30 Javascript
JavaScript鼠标悬停事件用法解析
May 15 Javascript
OpenLayers3实现地图显示功能
Sep 25 #Javascript
openlayers实现图标拖动获取坐标
Sep 25 #Javascript
openlayers实现地图弹窗
Sep 25 #Javascript
openlayers实现地图测距测面
Sep 25 #Javascript
openlayers 3实现车辆轨迹回放
Sep 24 #Javascript
vue-openlayers实现地图坐标弹框效果
Sep 24 #Javascript
vue集成openlayers加载geojson并实现点击弹窗教程
Sep 24 #Javascript
You might like
用php实现像JSP,ASP里Application那样的全局变量
2007/01/12 PHP
mysql_fetch_row,mysql_fetch_array,mysql_fetch_assoc的区别
2009/04/24 PHP
PHP中如何调用webservice的实例参考
2013/04/25 PHP
PHP中执行cmd命令的方法
2014/10/11 PHP
Zend Framework实现自定义过滤器的方法
2016/12/09 PHP
PDO::commit讲解
2019/01/27 PHP
jquery实现简单易懂的图片展示小例子
2013/11/21 Javascript
JavaScript整除运算函数ceil和floor的区别分析
2015/04/14 Javascript
JavaScript中字符串(string)转json的2种方法
2015/06/25 Javascript
js 截取或者替换字符串中的数字实现方法
2016/06/13 Javascript
用原生JS对AJAX做简单封装的实例代码
2016/07/13 Javascript
JS简单获取日期相差天数的方法
2017/04/24 Javascript
基于Vue自定义指令实现按钮级权限控制思路详解
2018/05/23 Javascript
微信小程序实现一个简单swiper代码实例
2019/12/30 Javascript
不依任何赖第三方,单纯用vue实现Tree 树形控件的案例
2020/09/21 Javascript
微信小程序实现modal弹出框遮罩层组件(可带文本框)
2020/12/20 Javascript
Vue+Bootstrap实现简易学生管理系统
2021/02/09 Vue.js
Python中实现参数类型检查的简单方法
2015/04/21 Python
Django与JS交互的示例代码
2017/08/23 Python
Django中login_required装饰器的深入介绍
2017/11/24 Python
selenium+python自动化测试之页面元素定位
2019/01/23 Python
python中的decimal类型转换实例详解
2019/06/26 Python
使用Pyinstaller转换.py文件为.exe可执行程序过程详解
2019/08/06 Python
Python多线程Threading、子线程与守护线程实例详解
2020/03/24 Python
深入浅析css3 中display box使用方法
2015/11/25 HTML / CSS
美国奢侈品购物平台:Orchard Mile
2018/05/02 全球购物
linux面试相关问题
2013/04/28 面试题
咨询公司各岗位职责
2013/12/02 职场文书
文明家庭先进事迹材
2014/01/27 职场文书
中学生励志演讲稿
2014/04/26 职场文书
中学生英语演讲稿
2014/04/26 职场文书
2014年政协委员工作总结
2014/12/01 职场文书
《中国机长》观后感:敬畏生命,敬畏职责
2019/11/12 职场文书
Python爬虫实战之爬取京东商品数据并实实现数据可视化
2021/06/07 Python
python中__slots__节约内存的具体做法
2021/07/04 Python
React自定义hook的方法
2022/06/25 Javascript