¿A qué te refieres con JavaScript no obstructivo?

Entre las preguntas del correo, encontramos esta: ¿A qué te refieres con JavaScript no obstructivo? Veamos:

JavaScript no obstructivo es un paradigma floreciente en el uso del lenguaje de programación JavaScript, utilizado en la Web. Aunque el término no se define formalmente, sus principios generalmente incluyen:

  • Separación de la funcionalidad JavaScript (la "capa del comportamiento") de las capas de estructura/contenido y de presentación de un página.
  • Uso de buenas prácticas a fin de evitar los problemas de incompatibilidad de la programación tradicional en JavaScript (tales como inconsistencias entre navegadores y falta de escalabilidad) [Wikipedia]

Veamos un ejemplo práctico, según -parte- de su definición.

<a onclick="doSomething()" href="#">Click!</a>

La línea anterior funcionará eso es seguro, sin embargo siguiendo el paradigma de JavaScript no obstructivo debemos separar la funcionalidad de JavaScript de la presentación de la página:

<a href="backuplink.html" class="doSomething">Click!</a>

El código JavaScript podría ir fuera en un archivo independiente .js:

...

$('a.doSomething').click(function(){
// Do something here!
alert('You did something, woo hoo!');
});
...

Es una buena práctica que a todo buen desarrollador debe caracterizar. En wikipedia existen enlaces interesantes, aunque en inglés, en los cuales podemos profundizar más sobre este tema.

2 thoughts on “¿A qué te refieres con JavaScript no obstructivo?

Leave a Reply

Your email address will not be published. Required fields are marked *

Proudly powered by WordPress | Theme: Wanderz Blog by Crimson Themes.