首页 > web前端 > js教程 > js确认框confirm()用法实例详解

js确认框confirm()用法实例详解

不言
发布: 2018-05-02 10:15:46
原创
2694 人浏览过

这篇文章主要针对js确认框confirm()用法进行实例讲解,介绍了javascript确认框的三种使用方法,感兴趣的小伙伴们可以参考一下

先为大家介绍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(&#39;确实要删除吗?&#39;))location=&#39;jb51.php?id=&#39;">删除</a>
登录后复制

第三种方法:主要用于批量删除的确认提示

<input name="Submit" type="submit" class="inputedit" value="删除" 
 onclick="{if(confirm(&#39;确定纪录吗?&#39;)){
  this.document.formname.submit();
  return true;}return false;
 }"> 
<input name="按钮" type="button" ID="ok" onclick="{if(confirm(&#39;确定删除吗?&#39;)){
 window.location=&#39;Action.asp?Action=Del&
 TableName=Item&
 ID=<%=ID%>&#39;;
 return true;
}return false;}" value="删除栏目" />
登录后复制

再为大家分享一个实例: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。

相关推荐:

Bootstrap自定义confirm的提示效果分享

JavaScript中confirm()方法的使用介绍

以上是js确认框confirm()用法实例详解的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板