confirm的使用 为什么使用confirm简单介绍一下alert介绍一下confirm()补充

为什么使用confirm

很多时候我们需要在弹出提示的时候根据用户的选择再做出一些操作，可能很多人和我一样，一直以为浏览器的弹窗只有 alert() 一种方式，今天来给大家介绍一下带确定和取消的提示框 confirm()

简单介绍一下alert

我们经常使用的 alert() ，一般都是在查看我们js中的返回值，或者测试点击功能时候使用的，例如

<input type="button" onclick="popAlert()" value="点我" /><script>function popAlert(){alert('艾玛，你点到我了！')}</script>

就像这样，只是一个提示的作用，点击确定后消失，没有什么特殊操作。

介绍一下confirm()

上边说到alert()只是个提示作用，不能有什么操作。所以我们就可以使用到我们的好朋友 confirm() 了。 confirm() 比较特殊，它在使用的时候通过点击“确定”和“取消”后会分别返回 true和false。因此我们就可以进行一些对应的操作，比如删除前的确认。 使用方法如下

<input onclick="popConfirm()" type="button" value="点我" /><script> function popConfirm(){ if(confirm('请点击“确定”或者“取消”！')){ console.log('你点击了确定') }else{ console.log('你点击了取消') } }</script>

这样，我们就能根据用户的不同选择进行不同的操作啦。

补充

alert() 和 confirm() 在弹出提示的时候是支持换行操作的，不过需要使用 “\” 进行转义

if(confirm('我要换行了\n看，我换行了')){}