Javascript-Bestätigungs-Popup Ja, Nein-Schaltfläche anstelle von OK und Abbrechen

Javascript-Bestätigungs-Popup, ich möchte die Schaltfläche Ja, Nein anstelle von OK und Abbrechen anzeigen.

Ich habe diesen VBScript-Code verwendet:

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

dies funktioniert nur in IE, in FF und Chrome, es funktioniert nicht.

Gibt es eine Problemumgehung, um dies in Javascript zu erreichen?

Ich möchte auch den Titel des Popups ändern, wie im IE “Windows Internet Explorer” angezeigt wird, ich möchte hier meinen eigenen Anwendungsnamen anzeigen.

Leider gibt es keine browserübergreifende Unterstützung zum Öffnen eines Bestätigungsdialogfelds, das nicht das standardmäßige OK/Abbrechen-Paar ist. Die von Ihnen bereitgestellte Lösung verwendet VBScript, das nur in IE verfügbar ist.

Ich würde vorschlagen, stattdessen eine Javascript-Bibliothek zu verwenden, die einen DOM-basierten Dialog erstellen kann. Probieren Sie die Jquery-Benutzeroberfläche aus: http://jqueryui.com/

Die einzige Möglichkeit, dies browserübergreifend zu erreichen, besteht darin, ein Framework wie die jQuery-Benutzeroberfläche zu verwenden und einen benutzerdefinierten Dialog zu erstellen:

jquery-Dialog

Es funktioniert nicht genau so wie das eingebaute Bestätigungs-Popup, aber Sie sollten in der Lage sein, es so zu machen, wie Sie es möchten.

Sie können auch verwenden http://projectshadowlight.org/jquery-easy-confirm-dialog/ . Es ist sehr einfach und leicht zu bedienen. Fügen Sie einfach die gemeinsame jquery-Bibliothek und nur eine weitere Datei hinzu:

<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>

Sie können dies nicht browserübergreifend mit der Confirm()-Funktion oder ähnlichem tun. Ich empfehle Ihnen dringend, so etwas wie das zu verwenden jQuery-UI-Dialog Funktion, um stattdessen ein HTML-Dialogfeld zu erstellen.

Schau mal rein http://bootboxjs.com/

Sehr einfach zu bedienen:

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

Die empfohlene (aber kleine und einfache) Bibliothek, die Sie verwenden können, ist JSDialog: js.plus/products/jsdialog

Hier ist ein Beispiel für das Erstellen eines Dialogfelds mit den Schaltflächen Ja und Nein:

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

Sie können Sweetalert verwenden.

Importieren Sie in Ihr HTML:

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

und um den Alarm auszulösen:

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'
    )
  }
})

für mehr daten besuchen Sweetalert-Alarm-Website