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);または、このデモのように最後に追加します。

デモ。

Answer 3

その理由は、ブラウザーがアンカーのリンク (何かを指している) をたどろうとしているからです。

試す：

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

hrefとの使用に関する適切な説明onclick: href と onclick の JavaScript 関数

デモ: http://jsfiddle.net/IrvinDominin/XQ7RP/