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 相关文章推荐
jquery复选框CHECKBOX全选、反选
Aug 30 Javascript
js几个验证函数代码
Mar 25 Javascript
JQuery 图片的展开和伸缩实例讲解
Apr 18 Javascript
原生JS实现响应式瀑布流布局
Apr 02 Javascript
javascript实现根据3原色制作颜色选择器的方法
Jul 17 Javascript
javascript实现列表切换效果
May 02 Javascript
canvas学习之API整理笔记(二)
Dec 29 Javascript
Angular 4.0学习教程之架构详解
Sep 12 Javascript
jQuery实现的页面详情展开收起功能示例
Jun 11 jQuery
基于Vue-cli快速搭建项目的完整步骤
Nov 03 Javascript
p5.js绘制旋转的正方形
Oct 23 Javascript
js+css实现全屏侧边栏
Jun 16 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
BBS(php &amp; mysql)完整版(二)
2006/10/09 PHP
数字转英文
2006/12/06 PHP
PHP判断远程url是否有效的几种方法小结
2011/10/08 PHP
两种设置php载入页面时编码的方法
2014/07/29 PHP
程序员的表白神器“520”大声喊出来
2016/05/20 PHP
PHP设计模式入门之迭代器模式原理与实现方法分析
2020/04/26 PHP
如何取得中文输入的真实长度?
2006/06/24 Javascript
javascript之解决IE下不渲染的bug
2007/06/29 Javascript
jQuery textarea的长度进行验证
2009/05/06 Javascript
js 操作符实例代码
2009/10/24 Javascript
jQuery实现原理的模拟代码 -6 代码下载
2010/08/16 Javascript
jQuery判断checkbox是否选中的小例子
2013/12/02 Javascript
jQuery+ajax实现鼠标单击修改内容的方法
2014/06/27 Javascript
轻量级的原生js日历插件calendar.js使用指南
2015/04/28 Javascript
jquery SweetAlert插件实现响应式提示框
2015/08/18 Javascript
js中substr,substring,indexOf,lastIndexOf,split,replace的用法详解
2015/11/09 Javascript
JS中的eval 为什么加括号
2016/04/13 Javascript
canvas实现粒子时钟效果
2017/02/06 Javascript
详解Angular5路由传值方式及其相关问题
2018/04/28 Javascript
NodeJS搭建HTTP服务器的实现步骤
2018/10/12 NodeJs
改变layer confirm弹窗按钮的颜色方法
2019/09/12 Javascript
浅析vue-router实现原理及两种模式
2020/02/11 Javascript
python基于xml parse实现解析cdatasection数据
2014/09/30 Python
两个命令把 Vim 打造成 Python IDE的方法
2016/03/20 Python
一个基于flask的web应用诞生 组织结构调整(7)
2017/04/11 Python
Python操作MongoDB数据库的方法示例
2018/01/04 Python
centos 安装Python3 及对应的pip教程详解
2019/06/28 Python
使用tensorflow框架在Colab上跑通猫狗识别代码
2020/04/26 Python
python将数据插入数据库的代码分享
2020/08/16 Python
编写html5时调试发现脚本php等网页js、css等失效
2013/12/31 HTML / CSS
Ted Baker英国官网:男士和女士服装及配件
2017/03/13 全球购物
校本教研工作方案
2014/01/14 职场文书
2015年班主任个人工作总结
2015/03/31 职场文书
高三毕业感言
2015/07/30 职场文书
Windows安装Anaconda3的方法及使用过程详解
2021/06/11 Python
如何设置多台电脑共享打印机?多台电脑共享打印机的方法
2022/04/08 数码科技