Javascript确认弹出是,没有按钮而不是确定和取消

时间:2009-05-05 07:47:41

标签: javascript html button popup confirm

Javascript确认弹出窗口,我想显示是,否按钮而不是确定和取消。

我使用过这个vbscript代码:

<script language="javascript">
    function window.confirm(str) {
        execScript('n = msgbox("' + str + '","4132")', "vbscript");
        return (n == 6);
    }
</script>

这仅适用于IE,在FF和Chrome中,它不起作用。

在Javascript中是否有任何workround来实现这一点?

我还想更改IE中的弹出窗口标题'Windows Internet Explorer'显示,我想在这里显示我自己的应用程序名称。

9 个答案:

答案 0 :(得分:87)

不幸的是,没有跨浏览器支持打开不是默认确定/取消对的确认对话框。您提供的解决方案使用VBScript,它仅在IE中可用。

我建议使用可以构建基于DOM的对话框的Javascript库。试试Jquery UI:http://jqueryui.com/

答案 1 :(得分:17)

您可以通过跨浏览器方式实现此目的的唯一方法是使用类似jQuery UI的框架并创建自定义对话框:

<强> jquery Dialog

它与内置确认弹出窗口的工作方式完全不同,但您应该能够按照自己的意愿进行操作。

答案 2 :(得分:7)

您也可以使用http://projectshadowlight.org/jquery-easy-confirm-dialog/。它非常简单易用。只需包含jquery公共库和另外一个文件:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/blitzer/jquery-ui.css" type="text/css" />
<script src="jquery.easy-confirm-dialog.js"></script>

答案 3 :(得分:4)

您无法使用confirm()函数或类似功能进行跨浏览。我强烈建议您使用类似jQuery UI dialog功能的内容来创建HTML对话框。

答案 4 :(得分:4)

您可以使用的特色(但小而简单)的库是JSDialog:js.plus/products/jsdialog

以下是使用“是”和“否”按钮创建对话框的示例:

JSDialog.showConfirmDialog(
    "Save document before it will be closed?\nIf you press `No` all unsaved changes will be lost.",
    function(result) {
        // check result here
    },
    "warning",
    "yes|no|cancel"
);

JS Dialog demo screenshot

答案 5 :(得分:3)

查看http://bootboxjs.com/

非常容易使用:

 bootbox.confirm("Are you sure?", function(result) {
  Example.show("Confirm result: "+result);
});

答案 6 :(得分:1)

您可以使用sweetalert。

导入您的HTML:

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script>

并触发警报:

Swal.fire({
  title: 'Do you want to do this?',
  text: "You won't be able to revert this!",
  type: 'warning',
  showCancelButton: true,
  confirmButtonColor: '#3085d6',
  cancelButtonColor: '#d33',
  confirmButtonText: 'Yes, Do this!',
  cancelButtonText: 'No'
}).then((result) => {
  if (result.value) {
    Swal.fire(
      'Done!',
      'This has been done.',
      'success'
    )
  }
})

有关更多数据,请访问sweetalert alert website

答案 7 :(得分:0)

1)您可以下载并上传您网站上的以下文件

<link href="/Style%20Library/css/smoothness/jquery.alerts.css" type="text/css" rel="stylesheet"/> 

2)之后你可以直接使用下面的代码

$。alertss.okButton =&#34;是&#34 ;; $ .alerts.cancelButton =&#34; no&#34;;

在document.ready函数中。

请尝试它会起作用。

由于

答案 8 :(得分:-10)

这一点的具体答案是确认对话 Js功能:

confirm('Do you really want to do so');
它显示带有取消按钮的对话框,用是否替换这些按钮是不是那么简单的任务,为此你需要编写jQuery函数。