aタグのhref属性とonclickイベントの比較

まず、href 属性と onclick イベントの実行順序について説明します。マウスが a タグをクリックすると、最初に onclick イベントが実行され、次に href 属性のアクション (ページ ジャンプ、または JavaScript 疑似リンク) が実行されます。href 属性のアクションを実行したくない場合は、onclick が false を返す必要があります。これは通常、onclick="xxx();return false のように記述されます。

JavaScript コード式の実行方法と href 属性での標準的な記述

「JavaScript では、void は式を評価するが値を返さないことを指定する演算子です。

void 演算子の使用形式は次のとおりです。

1. javascript: void (式)
2. javascript:void式

式は評価される JavaScript 標準の式です。式を囲む括弧はオプションですが、記述することをお勧めします。 (Navigator 3.0 で実装)

void 演算子を使用してハイパーリンクを指定できます。式は評価されますが、現在のドキュメントには何も読み込まれません。 ”

href=# には位置情報が含まれます。デフォルトのアンカーは #top で、これは Web ページの上部を示します。一方、javascript:void(0) は情報のないデッドリンクのみを示します。したがって、スクリプトを呼び出すときはvoid(0)を使用するのが最適です。

href は通常 URL アドレスを指し、href="javascript:xxx();" のように javascript を呼び出すこともできます。ドキュメントでは次のように記述することを推奨しています: <a href="javascript:void(0)" onclick="xxx();">xx</a> ただし、この方法は複雑な環境では奇妙な問題を引き起こすことがあります。A の href 属性として javascript: プロトコルを使用しないようにしてください。これは、window.onbeforeunload イベントの不要なトリガーにつながるだけでなく、IE で gif アニメーション画像の再生が停止します。