« anterior | siguiente »

Home > 2006 > Noviembre > Lunes, 27 de Noviembre 2006 > Mejora tus técnicas de programación en Javascript
Blogs Media: CSS Mania | VivirLatino | Sentido Web | Apps Mania

Publicidad

Lun27Nov2006

Mejora tus técnicas de programación en Javascript

10:00 H (CET)| Temas: Javascript

Ya hemos publicado anteriormente una referencia a un artículo de new earth online y hoy vamos a hablar sobre otro de sus grandes artículos.

En este caso se trata de cómo mejorar nuestra forma de programar con Javascript. Una de las ventajas o inconvenientes de Javascript, según quien lo vea, es que se puede usar en cualquier parte de la página web y que no existe ningún método obligatorio de uso. Pero aún así, hay veces que es mejor seguir ciertos pasos para tener un código mejor y más limpio:

  • Separa el contenido de la funcionalidad, por ejemplo, si vas a añadir un evento a un objeto (onclick) añádelo mediante el evento window.onload usando un archivo js.
  • Una cosa que ya hemos comentado anteriormente es ver cómo funciona tu aplicación web si no está activado Javascript.
  • Realiza código compatible con los distintos navegadores. Desgraciadamente, a veces es necesario detectar el navegador y resolver según el navegador que sea.
  • Declara las variables usando var, si no lo haces puedes tener problemas en las funciones recursivas, por ejemplo si en una función tienes un for con una variable i y dentro de ese for vuelves a llamar a la misma función, al llegar al mismo bucle puedes tener problemas.

Javascript Best Practices

Vía / dzone

Relacionados

Feedback (3) » Formulario

1. DiV666 ~ Sábado, 20 Ene 2007 | 13:08H:

¿¿¿ Puedes explicar o poner un ejemplo sobre el punto 1, eso de "Separa el contenido de la funcionalidad, por ejemplo, si vas a añadir un evento a un objeto (onclick) añádelo mediante el evento window.onload usando un archivo js." ???

Muchas Gracias. Un Saludo.

2. Luis ~ Domingo, 21 Ene 2007 | 01:02H:

Hola, el ejemplo sería el siguiente:
En vez de escribir esto:
<a id="elem" href="..." onclick="accion()">...</a>

deberías escribir esto:
window.onload = function() {
document.getElementById('elem').onload =
accion;
}

dentro de los scripts del HEAD.

Saludos

3. Jorge ~ Miércoles, 25 Jul 2007 | 08:12H:

cheque tu articulo pero no e podido hacer funcionar quisiera saber si pudieras poner un ejemplo mas especifico

Conversación

Nombre:

Email:

(no aparecerá)

URL:

(opcional)
¿Recordar datos?

↓ Comentarios (XHTML permitido)