Debuggen einer defekten JSFiddle: Behebung des Fehlers „Test nicht definiert“
In dieser JSFiddle gibt es trotz einer Schaltfläche mit einem Onclick-Handler Durch Klicken auf die Schaltfläche wird die Warnung nicht ausgelöst. Die Konsole zeigt den Fehler „Test nicht definiert“ an. Um dieses Problem und seine Lösung zu verstehen, gehen wir tiefer in die JSFiddle-Einstellungen ein.
Die Wrap-Einstellungen von JSFiddle verstehen
Standardmäßig verpackt JSFiddle den gesamten JavaScript-Code in einer Funktion, die Wird ausgeführt, sobald die Seite vollständig geladen ist. Dies bedeutet, dass alle im JavaScript-Code definierten Variablen und Funktionen lokal für diese Wrapping-Funktion sind und im globalen Bereich nicht zugänglich sind. Daher wird die vom Onclick-Handler verwendete Funktion test() nicht erkannt.
Beheben des Problems durch Ändern der Wrap-Einstellungen
Um dieses Problem zu beheben, müssen wir Änderungen vornehmen die JSFiddle-Einstellungen, um den Codeumbruch zu deaktivieren. Öffnen Sie das Einstellungsfeld, navigieren Sie zur Registerkarte „JavaScript“ und unter „Wrap your code?“ Wählen Sie im Dropdown-Menü „Kein Umbruch“ aus. Dadurch wird sichergestellt, dass der JavaScript-Code sofort ausgeführt wird und Variablen und Funktionen im globalen Bereich verfügbar sind.
Aktualisierung der JSFiddle
Hier ist die aktualisierte JSFiddle ohne Wrap Einstellung: http://jsfiddle.net/zalun/Yazpj/1/
Beachten Sie, dass wir das Framework auch auf „Nein“ umgestellt haben Bibliothek“, da Sie kein JavaScript-Framework verwenden.
Fazit
Durch Anpassen der JSFiddle-Wrap-Einstellung haben wir den Fehler „Test nicht definiert“ behoben und die Schaltflächen aktiviert Der Onclick-Handler funktioniert wie vorgesehen. Es ist wichtig, die Auswirkungen der JSFiddle-Einstellungen auf das Codeverhalten zu berücksichtigen und die entsprechenden Anpassungen vorzunehmen, um sicherzustellen, dass Ihr Code korrekt ausgeführt wird.
Das obige ist der detaillierte Inhalt vonWarum zeigt mein JSFiddle den Fehler „Test nicht definiert' an und wie kann ich ihn beheben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!