带3个按钮的JavaScript警报

Question

当用户要进入注册页面时，我会在网站上显示一个JavaScript警报按钮。

它看起来像这样

你想进入注册页面吗？ <确定> <取消>

是否可以在警报中添加第三个按钮，使其看起来像

你想进入注册页面吗？ <更多信息> <确定> <取消>

Answer 1

没有。

您需要使用自定义模式对话框，例如jQuery UI Dialog。

Answer 2

但是你可以使用确认功能..但不是三个按钮。

var r=confirm("Press a button!");
if (r==true)
  {
  x="You pressed OK!";
  }
 else
  {
  x="You pressed Cancel!";
  }

Answer 3

不幸的是，我认为你不能改变警告框中的按钮数量。（至少在我所知道的任何浏览器中都没有。）您可以使用网上出现的众多模态对话框脚本之一。像Eric Martin的jazery的SimpleModal Dialog这样的东西可能会奏效。

他们基本上采用div并使用css和javascript来设置它以模仿对话框。

Answer 4

如今，您可以使用HTML dialog元素。

<dialog open>
  <p>Greetings, one and all!</p>
  <button>Ok</button><button>Maybe</button><button>Cancel</button>
</dialog>

并用它做你想做的事。

document.querySelectorAll('button').forEach($button => 
  $button.onclick = () => document.querySelector('dialog').removeAttribute('open'))

希望这对后代有所帮助:)