JavaScript ハイパーリンク: href と onclick - 関数呼び出しにはどちらが最適ですか?

JavaScript - ハイパーリンクのコールバック関数: href と onclick

ページのリダイレクトを引き起こさずにハイパーリンクのクリックで JavaScript 関数をトリガーしようとすると、 href 属性と onclick 属性。

href 属性

JavaScript 呼び出しを href 属性に入れると、ブラウザで JavaScript コードとリンク リダイレクトの両方が実行される場合があります。予期しない結果を招く可能性があるため、この動作はお勧めしません。

間違った使用法:

<a href="javascript:my_function();window.print();">...</a>

onclick 属性

JavaScript 呼び出しをonclick イベントを使用すると、動作をより詳細に制御できます。これにより、リダイレクトを防止しながら JavaScript コードの実行が可能になります。

推奨される使用法:

<a href="#" onclick="MyFunction(); return false;">...</a>

「return false;」

ベスト プラクティス

ベスト アプローチには、jQuery などのフレームワークを利用して要素の ID で onclick イベント ハンドラーをアタッチすることが含まれます。これにより、柔軟性が向上し、href の使用に関する潜在的な問題が回避されます。

最適な解決策:

$('#myLink').click(function() { MyFunction(); return false; });

以上がJavaScript ハイパーリンク: href と onclick - 関数呼び出しにはどちらが最適ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。