js入门教程:确认对话框confirm

确认对话框confirm,在我们写程序时经常会碰到在用户点击保存删除之前时就会提前有一个确认对话框,这样可以增强用户体验也可以防止错误或不小的删除动作,给用户带来了一些方便了。这个命令就是我们confirm哦。

confirm语法

confirm(message)

下我们两看两个简单的实例吧。

<a href=# onclick="javascript:confirm('确实要删除记录吗?','del.php?id=1');"

这样当用户点击时就会用提示“确实要删除记录吗”

好了下面来看看个比较简单的confirm实例吧。

<script type="text/javascript">
function disp_confirm()
  {
  var r=confirm("点击了我")
  if (r==true)
    {
    document.write("成功!")
    }
  else
    {
    document.write("取消了!")
    }
  }
</script>

看到上面的了吧。

<input type=bottun onclick="javascript:return disp_confirm();" >

这样就是当你点击按时会有确认框,点击确实就是提示“成功”否就是“取消了”

本站原创转:www.111cn.net

 

时间: 2024-10-09 01:51:47

js入门教程:确认对话框confirm的相关文章

js弹出确认对话框confirm(),alert(),prompt

window.alert() 使用警告.提示和确  代码如下 复制代码 <html> <head> <script type="text/javascript"> function message() { alert("该提示框是通过 onload 事件调用的.") } </script> </head> <body onload="message()"> </body

js入门教程:JavaScript Try Catch 错误捕捉实例教程

js入门教程:JavaScript Try...Catch 错误捕捉实例教程 其中的try ... catch声明允许你测试一个代码块的错误. 范例 其中的try ... catch声明 如何撰写一个try ... catch声明. <script type="text/javascript"> var txt=""; function message() { try   {   adddlert("Welcome guest!");

THREE.JS入门教程(1)THREE.JS使用前了解_基础知识

Three.js是一个伟大的开源WebGL库,WebGL允许JavaScript操作GPU,在浏览器端实现真正意义的3D.但是目前这项技术还处在发展阶段,资料极为匮乏,爱好者学习基本要通过Demo源码和Three.js本身的源码来学习. 国外网站 aerotwist.com 有六篇较为简单的入门教程,我尝试着将其翻译过来,与大家分享. 我在一些实验项目中使用了Three.js,我发现它对快速上手浏览器3D编程确实很有帮助.通过Three.js,你不仅可以创建相机.物体.光线.材质等等,还可以选择

vue.js入门教程之计算属性_javascript技巧

前言 计算属性是用来声明式的描述一个值依赖了其它的值.当你在模板里把数据绑定到一个计算属性上时,Vue 会在其依赖的任何值导致该计算属性改变时更新 DOM.这个功能非常强大,它可以让你的代码更加声明式.数据驱动并且易于维护. 模板中表达式非常便利,但是它们实际上只用于简单的操作. 模板是为了描述视图的结构,在模板中放入太多的逻辑会让模板过重且难以维护. 这就是为什么 Vue.js 将绑定表达式限制为一个表达式, 如果需要多于一个表达式的逻辑,应当使用计算属性. 来看这一个简单的例子 <div i

适用于javascript开发者的Processing.js入门教程_javascript技巧

这个入门指导是为javascript开发者写的.读这个文档之前,你最好掌握javascript和web开发编程,并还会非常基本的 Processing 知识. 目录:为没有耐心看长篇大论的人准备:         如果你很着急入门,那么你就需要知道以下几点:              1.Processing.js 把 Processing 代码转变成能够在浏览器端运行的javascript代码,实质是通过<canvas>标签来实现绘图的:              2.为了使用它,你的首先下

vue.js入门教程之基础语法小结_javascript技巧

前言 Vue.js是一个数据驱动的web界面库.Vue.js只聚焦于视图层,可以很容易的和其他库整合.代码压缩后只有24kb. 以下代码是Vue.js最简单的例子, 当 input 中的内容变化时,p 节点的内容会跟着变化. <!-- html --> <div id="demo"> <p>{{message}}</p> <input v-model="message"> </div> new

js入门教程:js cookie 的时间设置与删除cookie

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title> www.111cn.net js cookie教程</title> <meta name="Generator" content="EditPlus"> <meta name="Author&

js入门教程:JavaScript String对象

JavaScript String对象 我们先来看一个返回字符的长度实例. <html> <body> <script type="text/javascript"> var txt="Hello World!"; document.write(txt.length); </script> </body> </html> 结果为12 再来看一个实例. 该indexOf ( )方法 如何使用ind

node.js入门教程迷你书、node.js入门web应用开发完全示例_基础知识

本书状态 你正在阅读的已经是本书的最终版.因此,只有当进行错误更正以及针对新版本Node.js的改动进行对应的修正时,才会进行更新. 本书中的代码案例都在Node.js 0.6.11版本中测试过,可以正确工作. 读者对象 本书最适合与我有相似技术背景的读者: 至少对一门诸如Ruby.Python.PHP或者Java这样面向对象的语言有一定的经验:对JavaScript处于初学阶段,并且完全是一个Node.js的新手. 这里指的适合对其他编程语言有一定经验的开发者,意思是说,本书不会对诸如数据类型