带3个按钮的JavaScript警报

时间:2010-01-13 02:59:54

标签: javascript

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

它看起来像这样

您是否要进入注册页面?
<好的> <取消>

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

您是否要进入注册页面?
<更多信息> <好的> <取消>

4 个答案:

答案 0 :(得分:14)

没有

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

答案 1 :(得分:3)

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

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

答案 2 :(得分:2)

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

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

答案 3 :(得分:0)

如今,您可以使用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'))

https://jsfiddle.net/6nus2zt4/1/

希望对后代有帮助:)