javascript - 通过链接触发 Javascript 函数的看似正确的方法，不起作用

Question

好吧，我一直在阅读并准备如何在单击链接时运行一些简单的 Javascript 代码，但无论我尝试什么，我似乎都无法让它工作!

这个想法是，当我的链接被单击时，它将改变颜色并填充一个变量，然后当再次单击它时，它将更改为另一种颜色并将变量返回到原来的状态(有效地重置第一个)点击)

谁能告诉我我哪里出错了？

这是我的 JavaScript 代码:

window.onload = function() {

document.getElementById("atonal").onclick = function() {

    var categoryLink=new Array(); 
    var counter;
    categoryLink[0] = "empty";   
    categoryLink[1] = "empty";   
    categoryLink[3] = "empty";   
    counter = "0";

    if (categoryLink[0]=="empty") {
        categoryLink[0] = "atonal";
        counter = counter + 1;
        stylesheet.insertRule("#atonal {color: #FFFFFF}", 0);
    }

    if (categoryLink[0]=="atonal") {
        categoryLink[0] = "empty";
        counter = counter - 1;
        stylesheet.insertRule("#atonal {color: #474747}", 0);
    }

   return false;  
  }
}

还有我的 HTML:

<a href="#" id="atonal">antonal sound</a>

Answer 1

这段代码中有两个相同的语法错误； FireBug 或同等产品会向您展示这些:

if (categoryLink[0}=="empty") {

当然，

那个}应该是]。修复这些问题，您的代码就可以工作了——或者至少，您的 onclick 将在您期望的时候注册并调用。