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'显示,我想在这里显示我自己的应用程序名称。
答案 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"
);
答案 5 :(得分:3)
非常容易使用:
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函数。