javascript:void(0)の使用について

1240 ワード

Wepアプリでは、JavaScriptでリンクのクリックを処理する必要があります.したがって、ユーザーが要素をクリックした時に、そのデフォルトの行動を阻止してほしいです.この時は多くの異なった方法で処理できます.たとえば:
<a href="#">Click Me</a>

<a href="#" onclick="return false">Click Me</a>

<a href="javascript:void(0);">Click Me</a>

<a href="javascript:void 0;">Click Me</a>

<a href="javascript:;">Click Me</a>

<a href="javascript:">Click Me</a>

最初の方法が一番簡単ですが、クリックした時にページがページの端にスクロールされます.したがって、第二の方法は、return false文を使用して、デフォルトの挙動の実行を阻止する.後のいくつかの方法を利用します. javascript:URIはページがジャンプしない効果を達成します.規定によって、javascriptコードが実行した結果はundefinedでない限り、ページはジャンプしません.したがって、第三、第四の方法は、voidオペレータの戻り値を利用することがundefinedの特徴であり、最後の二つの方法は、空文の戻り値を直接利用することがundefinedの原理である.
しかし、後の4つの方法はIEにおいて副作用がある可能性がある:IEにおいてこのリンクをクリックすると、window.onbeforeunloadイベントをトリガする.したがって、このイベントの処理手順をバインドすると、この問題を考慮する必要があります.
参考資料:[1]  void-JavaScript_MDN[2]  h ref="javascript:"vs.href="javascript:void(0)"