confirm() 确认视窗

当网页执行 JavaScript 的 confirm() 方法时，网页就会弹出让用户选择“确认”或“取消”的视窗，同时会根据用户的选择，进行接下来的动作，这篇教学会介绍两种呼叫 confirm() 打开确认视窗的方法。

onclick 撰写行内 JavaScript

在“HTML 元素属性”教学里，有介绍元素的“onclick”属性 ( 点击元素时触 )，只要在 onclick 属性里撰写行内的 JavaScript，点击元素就会执行 confirm() 方法，打开确认视窗，确认视窗的样式使用各个操作系统的默认样式，confirm() 基本写法如下：

confirm('提示文字');

以下面的网页程序码为例，不论点击 button 按钮或是 h2 标题，都会弹出确认视窗，并显示说明文字。

<button onclick="confirm('你是男生嗎？')">開啟警告視窗</button>
<h2 onclick="confirm('你是男生嗎？');">開啟警告視窗</h2>

通常使用 confirm() 会再额外搭配其他的程序，根据用户的选择进行对应的动作，因此可以将上述的程序码添加“条件 ( 三元 ) 运算子”，如果选择“确认”，会执行 ? 后方的结果，如果选择“取消”，则会执行 : 后方的结果

<button onclick="confirm('你是男生嗎？') ? alert('男生') : alert('女生');">開啟確認視窗</button>
<h2 onclick="confirm('你是男生嗎？') ? alert('男生') : alert('女生');">開啟確認視窗</h2>

onclick 搭配外部 JavaScript

使用 confirm 的方法比较适合搭配外部 JavaScript 撰写函数，透过 onclick 指定要执行的 JavaScript 函数，就能实现同样的效果。

<button onclick="myFunction();">開啟確認視窗</button>
<h2 onclick="myFunction();">開啟確認視窗</h2>

<script>
  var myFunction = function(){
    let answer = confirm('你是男生嗎？');
    if(answer){
      alert('男生');
    }else{
      alert('女生');
    }
  }
</script>

其他打开弹出视窗的方法

• alert() 警告视窗
• prompt() 输入视窗

意见反馈