☰

HTML で onClick() を使用するのはなぜ悪い習慣なのでしょうか? 質問する

tag-icon • tag-icon javascript html
HTML で onClick() を使用するのはなぜ悪い習慣なのでしょうか? 質問する

HTML でなどの JavaScript イベントを使用するのは、onClick()セマンティクスに適さないため、よくない習慣だと何度も聞きました。欠点は何なのか、また次のコードをどのように修正するのかを知りたいです。

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

ベストアンサー1

おそらくあなたが話しているのは控えめなJavascriptこれは次のようになります。

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

中央の JavaScript ファイル内のロジックは次のようになります。

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

利点は

  • 動作（Javascript）は表示（HTML）から分離されています
  • 言語の混在なし
  • ほとんどのクロスブラウザの問題を処理できるjQueryなどのJavaScriptフレームワークを使用している
  • コードを重複させることなく、一度に多くのHTML要素に動作を追加できます。

おすすめ記事