javascript - Javascript更改链接颜色错误？

Question

我的代码是：

<a href="#" onclick="javascript:if(document.body.style.backgroundColor!='#000000'){document.body.style.backgroundColor='#000000';}else{alert('test');}">linkhere</a>

如果我将它粘贴到 jsfiddle ( http://jsfiddle.net/ey7Lv/ ) 并运行它不会在第二次单击时显示警报。但我看不出代码有什么问题。

我在这里做错了什么？

使用 RGB 更新：http: //jsfiddle.net/ey7Lv/16/ 在第二次点击时仍然没有激活警报。

Answer 1

根据记忆，浏览器可以用多种不同的方式表示颜色。您可以告诉它设置 colout 为 #000000，然后它可以将其存储为 'black' 或 rgb(0,0,0)

使用 Chromium，如果我将“#000000”的两个实例更改为“黑色”，它就可以工作。

因此，您更新的代码将是：

<a href="#" onclick="javascript:if(document.body.style.backgroundColor!='black'){document.body.style.backgroundColor='black';}else{alert('test');}">linkhere</a>

当然，您可以做的另一件事是在设置之前提醒当前颜色。IE

<a href="#" onclick="javascript:if(document.body.style.backgroundColor!='black'){alert(document.body.style.backgroundColor);document.body.style.backgroundColor='black';}else{alert('test');}">linkhere</a>

Answer 2

<a href="#" onclick="javascript:if(document.body.style.backgroundColor!='black'){document.body.style.backgroundColor='black';}else{alert('test');}">linkhere</a>