javascript - 以前可以工作，但最近在 Chrome 中损坏了

Question

这曾经在我的网站上完美运行，但最近停止在 Chrome 上运行：

<a href="javascript:document.getElementById('cite1').style.display='block';">
Cite
</a>
<div style="display:none; font-size:10pt; margin-top:11px; margin-bottom:7px;" id="cite1">
Information goes here
</div>

它曾经正确地使文本出现，但现在它将整个页面更改为带有“块”字样的白色屏幕。

任何想法为什么？

Answer 1

不知道为什么它工作和停止，但这工作：http: //jsfiddle.net/6QZGp/

<a href="#" onclick="javascript:document.getElementById('cite1').style.display='block';">
Cite
</a>

Answer 2

让它看起来像，return false;最后注意。

<a href="javascript:document.getElementById('cite1').style.display='block';return false;">Cite</a>

或者，void(0);在最后添加，比如这个demo。

演示。

Answer 3

原因是因为浏览器试图跟随锚点的链接（指向任何东西）。

尝试：

<a href="#" onclick="javascript:document.getElementById('cite1').style.display='block';return false;">
Cite
</a>

很好地解释了使用hrefand onclick: JavaScript function in href vs. onclick

演示：http: //jsfiddle.net/IrvinDominin/XQ7RP/