¿Qué es Javascript discreto en términos sencillos?

Question

¿Qué es Javascript discreto en términos sencillos? Un ejemplo sería bueno para ayudar a mi comprensión.

Answer 1

Pedido artículo de Wikipedia:

• Unobtrusive JavaScript

"JavaScript no obstructivo" es una enfoque general para el uso de JavaScript en páginas web. Aunque el término no es define formalmente, sus principios básicos generalmente se entiende que incluyen:

• separación de la funcionalidad (la "capa de comportamiento") a partir de una página Web estructura/contenido y la presentación
• mejores prácticas para evitar los problemas de la tradicional programación JavaScript (como el navegador inconsistencias y falta de escalabilidad )
• mejora progresiva para soportar aplicaciones de usuario que puede no soporte avanzado Javascri pt funcionalidad [2]

Así que básicamente se separa comportamiento o Javascript a partir de la presentación o html.

Ejemplo:

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

Eso no es Javascript discreto porque el comportamiento y la presentación se mezclan. El onclick no debería estar allí en html y debería ser parte de javascript en sí mismo no html.

Con ejemplo anterior, se puede ir unobstrusive así:

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

JavaScript:

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

Ese tiempo nos hemos separado de JavaScript HTML con un ejemplo muy básico.

Nota:

No hay más que Javascript discreto como se puede comprobar a cabo en el artículo de Wikipedia.