为什么我的 JavaScript 函数没有在 JSFiddle 中定义？

为什么 JavaScript 无法在 JSFiddle 上运行：解决函数定义错误

尝试在 JSFiddle 上运行 JavaScript 代码时，您可能会遇到错误表示具体功能未定义。出现这种情况是因为 JSFiddle 将代码封装在 onload 函数中，限制了函数定义的范围。

函数定义和引用

在提供的代码中，诸如 fillList( ) 和 mySelectList() 是在 window.onload 函数中定义的。这意味着这些函数只能从该函数内部访问。但是，您尝试将它们作为 HTML 中的全局变量引用，从而导致错误。

解决方案选项

要解决此问题，您有以下三个选项：

a) 将函数修改为全局变量

• 最简单、最快但并不理想的解决方案是将函数定义语法更改为：

<code class="javascript">window.fillList = function() {}; // makes fillList a global function</code>

b) 不显眼的 JavaScript

• 推荐的方法是使用不显眼的 JavaScript，它将 HTML 与 JavaScript 分开：

<code class="javascript">// attach event listener from within JavaScript
var mySelectList = document.getElementById('mySelectList');
mySelectList.addEventListener('change', function() {
    alert('Selection changed!');
});</code>

c) 修改 JSFiddle 设置

• JSFiddle 允许您指定换行选项。将封装设置更改为“无包装 - Head 或 Body”，以防止 onload 函数内包含代码。

建议

强烈推荐选项 b)因为它促进了最佳实践和代码组织。通过将 HTML 与 JavaScript 分离，您可以更好地控制代码并提高灵活性。

以上是为什么我的 JavaScript 函数没有在 JSFiddle 中定义？的详细内容。更多信息请关注PHP中文网其他相关文章！