1. ホーム
  2. javascript

[解決済み] JavaScript - ハイパーリンクのコールバック関数における href と onclick の比較

2022-03-06 14:30:10

質問

クリックされたときに、リダイレクトなしで簡単なJavaScriptの関数を実行したいのですが。

の中にJavaScriptの呼び出しを置くのとでは、何か違いや利点があるのでしょうか? href 属性を使用します(このように)。

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

に置くのと比べて onclick 属性にバインドする)。 onclick イベント)ですか?

解決方法は?

hrefの中にonclickを入れると、コンテンツと行動・アクションの分離を強く信じている人たちの気分を害することになります。その主張は、htmlのコンテンツは、プレゼンテーションや動作ではなく、コンテンツのみに焦点を当てたままであるべきだというものです。

最近の典型的な方法は、javascriptのライブラリ(例:jquery)を使用し、そのライブラリを使ってイベントハンドラを作成することです。それは次のようなものです。

$('a').click( function(e) {e.preventDefault(); /*your_code_here;*/ return false; } );