ホームページ > ウェブフロントエンド > jsチュートリアル > 私の JavaScript コードが JSFiddle で実行されないのはなぜですか?

私の JavaScript コードが JSFiddle で実行されないのはなぜですか?

DDD
リリース: 2024-12-31 09:39:10
オリジナル
836 人が閲覧しました

Why Isn't My JavaScript Code Executing in JSFiddle?

JSFiddle JavaScript コードが実行されません

JSFiddle 内で JavaScript コードを実行しようとすると、呼び出している関数が正しく実行されていないというエラーが発生する場合があります。は定義されていません。このエラーは通常、JavaScript コードが に追加されたときに発生します。 HTML ドキュメントの セクションに HTML コードが追加されます。

解決策:

JSFiddle のデフォルトのラップ設定は「onLoad」で、結果がロードされた後に実行される関数ですべての JavaScript コードをラップします。 。このラップにより、すべての変数のローカル スコープが作成され、グローバル スコープでは使用できなくなります。

この問題を解決するには、ラップ設定を「ラップなし」に変更します。

  1. JSFiddle 設定パネル。
  2. 「オプション」セクションで、「ラッピング」オプションを「いいえ」に設定します。
  3. ライブラリを使用していない場合は、フレームワークを「ライブラリなし」に切り替えます。

例:

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

<script>
  function test() {
    alert("test");
  }
</script>
ログイン後にコピー

これらの変更を加えた後、ボタンをクリックしたときに JavaScript コードが正しく実行されるようになります。

以上が私の JavaScript コードが JSFiddle で実行されないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート