外行术语中什么是不引人注目的Javascript?

外行术语中什么是不引人注目的Javascript?,javascript,unobtrusive-javascript,Javascript,Unobtrusive Javascript,外行术语中什么是不引人注目的Javascript?举个例子可以帮助我理解。查看维基百科文章: “不引人注目的JavaScript”是一个通用术语 在中使用JavaScript的方法 网页。虽然这个词不是 正式定义,其基本原则 一般理解为包括: 将功能(“行为层”)与网页的 结构/内容和介绍 避免传统JavaScript问题的最佳实践 编程(如浏览器) 不一致和缺乏一致性 可扩展性) 渐进式增强以支持可能不支持的用户代理 支持高级JavaScript 功能[2] 因此,它基本上是将行为或

外行术语中什么是不引人注目的Javascript?举个例子可以帮助我理解。

查看维基百科文章:

“不引人注目的JavaScript”是一个通用术语 在中使用JavaScript的方法 网页。虽然这个词不是 正式定义,其基本原则 一般理解为包括:

  • 将功能(“行为层”)与网页的 结构/内容和介绍
  • 避免传统JavaScript问题的最佳实践 编程(如浏览器) 不一致和缺乏一致性 可扩展性)
  • 渐进式增强以支持可能不支持的用户代理 支持高级JavaScript 功能[2]
因此,它基本上是将行为或javascript与表示或html分离

示例:

<input type="button" id="btn" onclick="alert('Test')" />
var el = document.getElementById('btn');
el.onclick = function(){
  alert('Test');
};
JavaScript:

<input type="button" id="btn" onclick="alert('Test')" />
var el = document.getElementById('btn');
el.onclick = function(){
  alert('Test');
};
那一次,我们用一个非常基本的例子将javascript与html分开

注意:

<input type="button" id="btn" onclick="alert('Test')" />
var el = document.getElementById('btn');
el.onclick = function(){
  alert('Test');
};

wikipedia的文章中还有更多关于非结构化javascript的内容。

wikipedia有一篇好文章:感谢您提供了一个很好的例子,但是为什么使用onclick=“alert('Test')会不好呢在html中?@Imran:如果你考虑一下,有很多原因。为了便于移植,便于他人发现,可扩展性等等。这不是一个很好的例子,因为它不能提供“渐进增强”“。如果JS不起作用,则单击按钮时,按钮将不起任何作用。为了不引人注目,应该使用JS将按钮添加到DOM中(如果页面不需要它提供的功能),或者如果JS失败,它应该是一个带有服务器端代码的提交按钮,以生成作为新页面加载的消息。