Heim > Web-Frontend > js-Tutorial > Warum funktioniert mein JavaScript nicht in JSFiddle?

Warum funktioniert mein JavaScript nicht in JSFiddle?

Barbara Streisand
Freigeben: 2024-12-21 14:22:10
Original
770 Leute haben es durchsucht

Why Isn't My JavaScript Working in JSFiddle?

JSFiddle: JavaScript funktioniert nicht

Ein Benutzer ist auf ein Problem gestoßen, bei dem sein JavaScript-Code in JSFiddle nicht funktioniert. Trotz Befolgung der Dokumentation, die darauf hinweist, dass JS-Code zum hinzugefügt werden sollte Abschnitt und HTML-Code zum hinzufügen, führt das Klicken auf die Schaltfläche zu einer Fehlermeldung mit der Meldung „Test nicht definiert“.

Das Problem

Nach Prüfung des Im bereitgestellten Code liegt das Problem in der JSFiddle-Wrapping-Einstellung. Standardmäßig ist es auf „onLoad“ eingestellt, wodurch das gesamte JavaScript in eine Funktion eingeschlossen wird, die nach dem Laden des Ergebnisses ausgeführt wird. Dadurch wird ein lokalisierter Bereich für die Variablen erstellt, sodass auf sie im globalen Bereich nicht zugegriffen werden kann.

Die Lösung

Um dieses Problem zu beheben, ändern Sie die Umbrucheinstellung auf „Kein Umbruch“. ." Dadurch wird sichergestellt, dass der JavaScript-Code nicht in einer Funktion enthalten ist und im globalen Bereich verfügbar ist.

Korrigierter Code

1

<input type="button" value="test" onclick="test()">

Nach dem Login kopieren

1

function test() { alert("test"); }

Nach dem Login kopieren

Durch Implementierung dieser Änderungen , der JavaScript-Code funktioniert wie vorgesehen, wenn auf die Schaltfläche geklickt wird.

Das obige ist der detaillierte Inhalt vonWarum funktioniert mein JavaScript nicht in JSFiddle?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage