AddThis Social Bookmark Button

index_1.jpg

Utiliza el tag correcto de javascript <script>

Cuando utilices javascript en un archivo, deberias usar la siguiente sintaxis: 

1
2
3
<script type="text/javascript">
    ... tu codigo javascript
</script>

Tambien es opicional poner "language", pero es una instruccion deprecada...

 

Manten tu codigo javascript en un archivo externo

Utiliza un archivo .js para tener tu codigo limpio y reutilizar en varias paginas, haciendo esto ganas aparte de menos lineas, optimizar tu sitio web, puedes invocarlo con la siguiente sintaxis:

1

<script type='text/javascript' src='http://www.mirrorlinux.net/algun_script.js'></script>

Crea los comentarios con tags de html !!!

Esta practica nos ayuda a que.. si algun sitio no soporta javascript, se los brinka, pero no esta por demas, desde i6explorer (shit) ya no es necesario utilizar estos tags, basta con el doble slash //  o quizas un /* comentario  */

1
2
3
4
5
<script language="JavaScript">
<!--
...Codigo Js
//-->
</script>

 

 

Utiliza un framework

Si utilizas por ejemplo....umm.. Jquery, la mas comercial o conocida, ahorraras muchisismas lineas de codigo, basta con el simple ejemplo

document.getElementById().opciones  que bien puede ser remplazado por   jQuery("#").opciones

Siempre declara tus variables  empezando con VAR

Si vas a utilizar variables crea un VAR, esto te ahorrara bronkas futuras

1
2
var name = "Osoluche";
var size = data.length;

Manten tu codigo al tiro, (que no obstruya)

Antes la programacion era un poquito diferente, cuando se pretendi aponer un algo, directo en el html escribian toda la sintaxis, esto hace engorroso y dificil de entender el codigo para futuras referencias, utiliza funciones y solo deja el lanzador en tu code, utiliza onchange, onclick, onblur, etc.

1
<input type="text" name="date" onchange="validateDate()" />

La funcion correspondiente seria (utilizando jquery)

1
2
3
$(document).ready(function(){
    $('input[name=date]').bind('change', validateDate);
});

Incluye tus codigos JS, al inicio de la pagina

Los exploradores leen de arriba hacia abajo, procura mantener tus cargas antes del head, en lugar de ponerlos en calquier parte del html, siendo asi que leeran los codigos y acompletaran de acuerdo al despliegue de info

 

 
1
2
3
    <script src="myscript.js?" type="text/javascript"></script>
</head> 
<body>

Usa JSLint

JSLint es un appweb que toma el codigo javascript y lo escanea, si encuentra algo raro te regresa el problema, lo bonito aqui es que te da el error y te propone una solucion. Asi debuggearas tu codigo

 

Ya no utilizes document.write

Esta fucion ya fue deprecada, ahora se usa innerHHTML :


1
document.write("hello world");

1
document.getElementById('hello').innerHTML('hello world');
 
Nota original de: 
Written by Jean-Baptiste Jung • Published on October 3rd, 2010
Aumentado y traducido para mirrorlinux po Osoluche!

Leave your comments

0
  • No comments found