调试损坏的 JSFiddle:解决“测试未定义”错误
在此 JSFiddle 中,尽管有一个带有 onclick 处理程序的按钮,单击该按钮不会触发警报。控制台显示错误“测试未定义”。要了解此问题及其解决方案,让我们深入研究 JSFiddle 设置。
了解 JSFiddle 的换行设置
默认情况下,JSFiddle 将所有 JavaScript 代码包装在一个函数中,该函数页面完全加载后执行。这意味着 JavaScript 代码中定义的所有变量和函数都是此包装函数的本地变量和函数,并且无法在全局范围内访问。因此,onclick 处理程序使用的函数 test() 无法识别。
通过修改换行设置解决问题
要解决此问题,我们需要修改JSFiddle 设置以禁用代码包装。打开设置面板,导航到“JavaScript”选项卡,然后在“Wrap your code?”下下拉菜单中,选择“不换行”。这确保了 JavaScript 代码立即执行,并且变量和函数在全局范围内可用。
更新 JSFiddle
这里是更新后的 JSFiddle,没有换行设置:http://jsfiddle.net/zalun/Yazpj/1/
请注意,我们还切换了因为您没有使用 JavaScript 框架,所以将框架更改为“无库”。
结论
通过调整 JSFiddle 换行设置,我们解决了“测试未定义”错误并使按钮的 onclick 处理程序能够按预期工作。考虑 JSFiddle 设置对代码行为的影响并进行适当的调整以确保您的代码正确执行非常重要。
以上是为什么我的 JSFiddle 显示'测试未定义”错误,如何修复它?的详细内容。更多信息请关注PHP中文网其他相关文章!