Function doesn#39;t execute from an onclick inside the html(函数不会从 html 内的 onclick 执行)
问题描述
这可能很简单,但我对 JavaScript 很陌生,这让我发疯了.
this is probably stupidly easy but I'm very new to JavaScript and it's driving me nuts.
我的问题,为什么这不起作用:http://jsfiddle.net/Ye9tG/
My question, why doesn't this work: http://jsfiddle.net/Ye9tG/
<input type="button" id="butt" value="Button" onclick="getThought();"/>
如果我将 onclick 直接添加到 JavaScript 中,效果很好:
It works fine if I add the onclick directly into the JavaScript:
document.getElementById("butt").onclick = getThought;
提前致谢.
推荐答案
您的 getThoughts
函数未定义,因为您的 JavaScript 设置为执行 onLoad
.查看 jsFiddle 左上角的下拉菜单.选择No wrap - in <head>
"解决问题:http://jsfiddle.net/Ye9tG/1/
Your getThoughts
function isn't defined, because your JavaScript is set to execute onLoad
. See the dropdown menu in the upper left of jsFiddle. Select "No wrap - in <head>
" to resolve the issue: http://jsfiddle.net/Ye9tG/1/
另外,请务必查看浏览器的控制台以检查错误.在这种情况下,您会在单击按钮时看到 Uncaught ReferenceError: getThought is not defined
错误.
Also, always take a look at your browser's console to check for errors. In this case, you'll see a Uncaught ReferenceError: getThought is not defined
error when clicking the button.
这篇关于函数不会从 html 内的 onclick 执行的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本文标题为:函数不会从 html 内的 onclick 执行
基础教程推荐
- 我可以在浏览器中与Babel一起使用ES模块,而不捆绑我的代码吗? 2022-01-01
- Vue 3 – <过渡>渲染不能动画的非元素根节点 2022-01-01
- 如何使用JIT在顺风css中使用布局变体? 2022-01-01
- html表格如何通过更改悬停边框来突出显示列? 2022-01-01
- 用于 Twitter 小部件宽度的 HTML/CSS 2022-01-01
- 如何使用TypeScrip将固定承诺数组中的项设置为可选 2022-01-01
- Electron 将 Node.js 和 Chromium 上下文结合起来意味着 2022-01-01
- 自定义 XMLHttpRequest.prototype.open 2022-01-01
- Chart.js 在线性图表上拖动点 2022-01-01
- 直接将值设置为滑块 2022-01-01