外行术语中的 Unobtrusive Javascript 是什么？ [关闭]

Question

什么是外行术语中的 Unobtrusive Javascript？一个例子会很好地帮助我理解。

Answer 1

查看维基百科文章：

• Unobtrusive JavaScript

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

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

所以它基本上是将行为或 javascript 与演示文稿或 html 分开。

示例：

<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分开了。

注意：

还有更多不显眼的 javascript 可以在 wikipedia 文章中查看。