代码popconfirm什么意思_confirm确认对话框

当用户点击"确定"按钮时，返回true

当用户点击"取消"按钮时，返回false

注: 通过返回值可以判断用户点击了什么按钮

看下面的代码:

var mymessage=confirm("你喜欢JavaScript吗?");

if(mymessage==true)

{ document.write("很好,加油!"); }

else{ document.write("JS功能强大，要学习噢!"); }

结果:

注:消息对话框是排它的，即用户在点击对话框按钮前，不能进行任何其它操作。

任务

使用confirm()提示框，当点击按钮时，完成性别确认。

confirm

functionrec(){

varmymessage=confirm("你是女士!");

if(mymessage==true)

{

document.write("你是女士!");

}

else{

document.write("你是男士!");

}

}

结果：

延伸：

一.之前有说过，功能的话最好用函数来写，那样的话每一个函数都是一个功能，以后有用到这些功能的话，就可以直接用了。即复用。所以要习惯这样哦。。。。。。

就像上面那个例子

functionconfirm (){var msg=confirm("你是女士!");if(msg==true)

{

document.write("你是女士!");

}else{

document.write("你是男士!");

}

}

然后给input调用函数，加个onClick="confirm ()"

注意：之前在博问里问过οnclick="return confirm()"，οnclick="confirm()"有什么不同，几个热心的网友回复了我，现在我总结一下：

confirm是有返回值的。然后onclick函数需要一个返回值，如果不是return confirm()，那么onclick接受到返回值就是undefined，那么表单本身的默认函数就会被触发。

如：

提交

提交

return false，会产生event.preventDefault()的效果，加上的话就不会出现表单点取消也被提交的情况了。

二.我们来对javascript window.confirm的方法做个小结

第一种：

就是上面我们提到的那种方法

functionconfirm (){var msg=confirm("你是女士!");if(msg==true)

{

document.write("你是女士!");

}else{

document.write("你是男士!");

}

}

注意：input ,buttton,form的的onclick()事件的方法前面需要加一个return ，想这样一样：onClick="return confirm ()"，以避免产生点击取消表单依然被提交的情况。

为了确保点击取消后，不做操作，最好给取消操作返回个false结果。

即：

functionconfirm (){var msg=confirm("确定删除!");if(msg==true)

{

document.write("删除成功!");

}else{return false;

}

}

第二种：

在标签中写：

1.

删除

2 .

点击确定

想简单点调用的话 也可以这样

代码如下:

删除

第三种：

functiondel_confirm(e)

{if (event.srcElement.outerText == "删除")

{

event.returnValue= confirm("删除是不可恢复的，你确认要删除吗？");

}

}

document.οnclick=delete_confirm;

删除

第四种：

functiondel_confirm()

{

event.returnValue= confirm("删除是不可恢复的，你确认要删除吗？");

}

删除

二.如何将confirm 确定 取消 按钮替换成 是 否

1.confirm重写

2.用了vbscript来改写，暂时还没接触到vbscript，所以先放到一边，等以后有时间学习了回头看他。想知道如何实现的话就先参考下javascript JS 中confirm 确定 取消 按钮替换成 是 否 取消

三.js confirm换行详解

(1)

confirm('你好 \n world \n !');

(2)

confirm("你好\u000d world ")

(3)

confirm("你好\r world ")

四.用jquery ui 实现类似cofirm功能

因为还没有接触到，所以先放到一边，等js学完了以后在回头看他。想知道如何实现的话就先参考一下这篇文章JQuery ui 实现类似于confirm的功能

注意：本文为原创，转载请以链接形式标明本文地址 ，谢谢合作。

本文地址：http://www.cnblogs.com/wanghuih/p/5592991.html