web-dev-qa-db-ja.com

素人の言葉で控えめなJavascriptとは何ですか？

素人の言葉で控えめなJavascriptとは何ですか？例としては、私の理解を助けるのにいいでしょう。

javascript-eventsjavascriptunobtrusive-javascript
53
Imran

ウィキペディアの記事をチェックしてください：

「邪魔にならないJavaScript」は、WebページでJavaScriptを使用するための一般的なアプローチです。この用語は正式に定義されていませんが、その基本原則は一般的に次のことを含むと理解されています。

  • Webページの構造/コンテンツおよびプレゼンテーションからの機能（「行動層」）の分離
  • 従来のJavaScriptプログラミングの問題（ブラウザの不整合やスケーラビリティの欠如など）を回避するためのベストプラクティス
  • 高度なJavaScript機能をサポートしていない可能性のあるユーザーエージェントをサポートするための漸進的な拡張機能[2]

したがって、基本的には動作またはJavaScriptをプレゼンテーションまたはHTMLから分離しています。

例：

<input type="button" id="btn" onclick="alert('Test')" />

動作とプレゼンテーションが混在しているため、これは邪魔にならないJavaScriptではありません。 onclickはhtmlに含めるべきではなく、htmlではなくjavascript自体の一部にする必要があります。

上記の例では、次のように控えめにすることができます。

<input type="button" id="btn" />

JavaScript：

var el = document.getElementById('btn');
el.onclick = function(){
  alert('Test');
};

今回は、非常に基本的な例を使用して、JavaScriptをHTMLから分離しました。

注：

ウィキペディアの記事でチェックできるように、控えめなJavaScriptには他にもあります。

76
Sarfraz