什么是外行术语中的Unobtrusive Javascript？

Question

外行术语中什么是不显眼的Javascript？一个例子可以帮助我理解。

Answer 1

查看维基百科文章：

• Unobtrusive JavaScript

  

“不引人注目的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。