Javascript更改链接颜色错误?

时间:2013-02-22 09:22:13

标签: javascript

我的代码是:

<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/仍然无法在第二次点击时激活提醒。

2 个答案:

答案 0 :(得分:1)

从内存中,浏览器可以通过多种不同方式表示颜色。 您可以告诉它将colout设置为#000000,然后它可以存储为'black'或rgb(0,0,0)

使用Chromium,如果我将'#000000'的两个实例更改为'black',它就可以。

因此,您更新的代码将是:

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

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

<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>

答案 1 :(得分:0)

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