你确定写得好吗？

Question

这是JavaScript中的示例代码：The Definitive Guide，第6版。

<button id="my button">click me</button>
<script>
var b = document.getElementById("my button");
b.onclick = fuction(){alert("Thanks for clicking me!");}; /*work well if I delete this parse*/
b.addEventListener ("click", function(){ alert("Thanks again!");}, false);
</script>

当我点击按钮时，没有任何反应。

Answer 1

你确定写得好吗？

1 - 删除id值上的空格：更改id =＆＃34;我的按钮＆＃34;到id =＆＃34; mybutton＆＃34;。

2 - 不是功能，是功能。

＆＃13;

<button id="mybutton">click me</button>
<script>
var b = document.getElementById("mybutton");
b.onclick = function(){alert("Thanks for clicking me!");}; /*work well if I delete this parse*/
b.addEventListener ("click", function(){ alert("Thanks again!");}, false);
</script>

＆＃13;

Answer 2

您的按钮ID在字词之间不能有空格。请使用下划线，例如<button id="my_button">click me</button>

另外，在您的onclick函数调用中，拼写函数错误。

请参阅JSFiddle以获取工作示例： https://jsfiddle.net/us2dq8sz/

Answer 3

此行中的拼写错误

b.onclick = fuction(){alert("Thanks for clicking me!");}; /*work well if I delete this parse*/

fuction代替function

工作版本：https://jsfiddle.net/x46ugomj/

onclick事件处理程序不起作用

3 个答案:

你确定写得好吗？