首页 >web前端 >js教程 >为什么我的 JavaScript 代码没有在 JSFiddle 中执行?

为什么我的 JavaScript 代码没有在 JSFiddle 中执行?

DDD
DDD原创
2024-12-31 09:39:10832浏览

Why Isn't My JavaScript Code Executing in JSFiddle?

JSFiddle JavaScript 代码未执行

尝试在 JSFiddle 中执行 JavaScript 代码时,您可能会遇到正在调用的函数的错误没有定义。当 JavaScript 代码添加到

时,通常会发生此错误。 HTML 文档的部分,而 HTML 代码添加到 中。

解决方案:

JSFiddle 中默认的换行设置是“onLoad”,它将所有 JavaScript 代码包装在一个函数中,该函数在结果加载后执行。此换行为所有变量创建本地作用域,使它们在全局作用域中不可用。

要解决此问题,请将换行设置更改为“不换行”:

  1. 打开JSFiddle 设置面板。
  2. 在“Options”部分,将“Wrapping”选项设置为“no”
  3. 如果您不使用任何库,请将框架切换为“无库”。

示例:

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

<script>
  function test() {
    alert("test");
  }
</script>

进行这些更改后,单击按钮时 JavaScript 代码现在应该正确执行。

以上是为什么我的 JavaScript 代码没有在 JSFiddle 中执行?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn