動作とマークアップの分離
出典: フリー百科事典『ウィキペディア(Wikipedia)』 (2022/07/27 20:01 UTC 版)
「控えめなJavaScript」の記事における「動作とマークアップの分離」の解説
伝統的に、JavaScriptはHTMLドキュメントのマークアップとともにインラインに記述されることが多かった。例えば、下の例はインラインに記述された典型的なJavaScriptのフォームバリデーションの実装である。 控えめなJavaScriptの支持者は、マークアップの目的は、プログラム的な動作ではなく文書の構造を記述することであり、その2つを一緒にすることで、コンテンツと表示を一緒にするのと同様に、サイトの保守性に悪影響を与えると主張している。また、1つの要素に対して複数のイベントを設定するときや、同じイベントハンドラを複数の要素に設定しなければいけないとき、イベントデリゲートを使うときに、インラインのイベントハンドラは利用するのも維持するのも難しいとも主張している。さらに、カスタムイベントを使うこともできない。 控えめなパラダイムによる解決策は、インラインではなく、必要なイベントハンドラをプログラム的に登録することである。onchange属性を上の例のように明示的に記述するのではなく、適切な要素をclassやid属性などによって単純に識別する。 以下は、ページが最初に読み込まれたときに実行され、適切な要素を探してそれぞれに設定を行うスクリプトである。 window.onload = function() { document.getElementById('date').onchange = validateDate;};
※この「動作とマークアップの分離」の解説は、「控えめなJavaScript」の解説の一部です。
「動作とマークアップの分離」を含む「控えめなJavaScript」の記事については、「控えめなJavaScript」の概要を参照ください。
- 動作とマークアップの分離のページへのリンク