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。

DEMO.

Answer 3

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

尝试：

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

使用href和onclick的良好解释：JavaScript function in href vs. onclick

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

曾经工作但最近在Chrome中崩溃了

3 个答案: