用外行人的话来说，什么是 Unobtrusive Javascript？ [关闭]

用外行人的话来说，什么是 Unobtrusive Javascript？举一个例子可以很好地帮助我理解。

查看维基百科文章：

• 不引人注目的 JavaScript

“Unobtrusive JavaScript”是一个通用的 在中使用 JavaScript 的方法 网页。虽然这个词不是 正式定义其基本原则 一般理解为包括：

• 将功能（“行为层”）与网页的分离 结构/内容和呈现
• 避免传统 JavaScript 问题的最佳实践 编程（例如浏览器 不一致和缺乏 可扩展性）
• 逐步增强以支持可能不支持的用户代理 支持高级 JavaScript 功能[2]

所以它基本上将行为或 javascript 与表示或 html 分开。

Example:

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

这不是不引人注目的 JavaScript，因为行为和表示是混合的。这onclick不应该出现在 html 中，应该是 javascript 本身而不是 html 的一部分。

通过上面的例子，你可以像这样不引人注目：

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

JavaScript：

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

那时我们通过一个非常基本的示例将 javascript 与 html 分开。

Note:

关于不显眼的 javascript 还有更多内容，可以在维基百科文章上查看。