2017-05-18 5 views
-2

Ich versuche ein Popup anzuzeigen, wenn ich auf eine Schaltfläche mit Javascript klicke. Aber diese Fehler angezeigt:Uncaught ReferenceError: Funktion ist nicht definiert

Uncaught ReferenceError: confirmation is not defined at HTMLButtonElement.onclick

function confirmation() { 
 
    var answer = confirm("Leave tizag.com?") 
 
    if (answer) { 
 
    alert("Bye bye!") 
 
    window.location = "http://www.google.com/"; 
 
    } else { 
 
    alert("Thanks for sticking around!") 
 
    } 
 
}
<button type="submit" class="danger btn btn-danger" onclick="confirmation()">Transférer</button>

+0

Code Arbeitsdatei ... –

+0

Ihr Code ist working..check Ihr Snippet – prasanth

+0

Dieser Code funktioniert gut haben. Mein Verdacht ist, dass Sie das in jsFiddle versucht haben. jsFiddle hat eine wahrhaft hirntotale^H^H^H^H^H^HI mittlere, * überraschende * Standardeinstellung: Es bringt Ihren gesamten Code in eine 'window.onload = function() {/*...*/ }; 'Wrapper. Die alten 'onxyz'-Attribut-Style-Event-Handler können nur globale Funktionen aufrufen (es ist einer von mehreren Gründen, sie nicht zu benutzen). Wenn jsFiddle Ihren Code so umschließt, ist Ihre Funktion nicht global. Klicken Sie auf das [JavaScript] -Label im Codebereich, um den Standardwert zu ändern. Es ist jedoch besser, die moderne Ereignisbehandlung zu verwenden. –

Antwort

-1

Sie haben Ihre .js Datei mit Ihrer .html Datei möglicherweise nicht verlinkt ist. Das ist das einzig mögliche Problem.

Am Ende Ihres html <body> Tag hinzufügen a:

<script src="your-script.js" type="text/javascript"></script> 
-1

Haben Sie Ihren JavaScript-Code zu einem Skriptblock platzieren? d. h.

<script type="text/javascript"> 
    function confirmation() { 
     var answer = confirm("Leave tizag.com?") 
     if (answer) { 
     alert("Bye bye!") 
     window.location = "http://www.google.com/"; 
     } else { 
     alert("Thanks for sticking around!") 
     } 
    } 
</script> 
<button type="submit" class="danger btn btn-danger" onclick="confirmation()">Transférer</button> 
0

Ich schlage eine Lösung vor, die sicher funktioniert.

ein Ereignis-Listener von DOMContentLoaded auf das gesamte Dokument hinzufügen und eine anonyme Funktion aufrufen. Sie können dann Ihren Code in die Klammern dieser Funktion einbinden und es wird ausgeführt, sobald der Ladevorgang abgeschlossen ist.

<button type="submit" class="danger btn btn-danger" >Transférer</button> 

<script> 
var btn = document.querySelectorAll("button") 
document.addEventListener('DOMContentLoaded', function() { 
    btn[0].addEventListener("click", function() { 

// When this button is clicked we want to enable zooming of our list. 

// To do this we add an event listener to our list itself, 
// so when the cursor hovers it, the enlarge function gets called. 
    var answer = confirm("Leave tizag.com?") 
     if (answer) { 
     alert("Bye bye!") 
     window.location = "http://www.google.com/"; 
     } else { 
     alert("Thanks for sticking around!") 
     } 

}); 
}); 
</script> 

einen guten Tag :)

Verwandte Themen