[解決済み] なぜHTMLでonClick()を使うのは悪い習慣なのですか？

質問

JavaScriptのイベント、例えば onClick() のようなJavaScriptのイベントをHTMLで使用することは、セマンティクス上良くないので、悪い習慣であると何度も聞きました。私はどのような欠点があるのかを知りたいのですが、以下のコードをどのように修正すればいいのでしょうか？

<a href="#" onclick="popup('/map/', 300, 300, 'map'); return false;">link</a>

どのように解決するのですか？

あなたはおそらく 控えめなJavascript のことでしょう。

<a href="#" id="someLink">link</a>

で、ロジックは中央の javascript ファイルにあり、以下のような感じです。

$('#someLink').click(function(){
    popup('/map/', 300, 300, 'map'); 
    return false;
});

利点は

• 動作(Javascript)と表示(HTML)の分離
• 言語が混在しない
• jQuery のような javascript フレームワークを使用しているため、クロスブラウザの問題をほとんど処理することができます。
• コードの重複なしに、一度に多くの HTML 要素に動作を追加することができます。