Funciones Javascript dentro del <head>

virpas · #1 (**permalink**) 27/10/2004, 06:24

No tengo muy claro porque a veces ponemos etiquetas
<script language=Javascript> ... </script>
dentro de la sección <head> .. </head> dentro del html o tambien es posible colocarlas dentro de la seccion <body> ... </body>
Si alguien pudiera aclararme la diferencia, muchas gracias. Se que es una pregunta básica pero la verdad es que no lo tengo claro.

JavierB · #2 (**permalink**) 27/10/2004, 08:58

Hola virpas.

En principio puedes poner el código JavaScript en cualquier parte, pero yo creo que queda más claro si lo colocas todo en la sección <head> salvo que tengas que escribir algo (<script>document.write('lo que sea')</script>), entonces hay que ponerlo en el lugar donde se quiere que escriba.

Aunque supongo que para esto habrá opiniones para todos los gustos.

Saludos,

Kaopectate · #3 (**permalink**) 27/10/2004, 09:21

Hola virpas, JavierB.

Estoy de acuerdo con lo que dice Javier. En realidad, el cuando escribes JavaScript estas "invadiendo" un código HTML. Yo me imagino como si al carse la página en el navegador, este tomara todo el código HTML para si, y entregara todo lo de JavaScrip a un interprete para que este listo a responder a "eventualidades".

Visto desde ese punto, mejor poner el código donde nos complique menos la lectura del código HTML invadido.

Para mi el mejor sitio es al final del HEAD, pero es solo parte de mis costumbres. Igual funcionaría todo en el BODY.

Una cosa si debes tener en cuenta. Parte del código esta en forma de funciones que han de ser llamadas por los eventos de los elementos HTML o por otras funciones JS, todo eso puede estar escrito en cualquier sitio, pero cuando escribes un comando "libre", es decir, que no este dentro de una función, se va a ejecutar justo cuando se este cargando la página, al pasar el interpretador por sobre el. Por lo que (tal como dijo Javier), si necesitas que JS coloque los tags <OPTION> correspondientes a un elemento <SELECT>, entonces el mejor sitio para eso es entre los comandos HTML <SELECT> y </SELECT>. Algo asi:

<SELECT>
<script language="javascript">
for (var i = 0; i < 5; i++)
writeln("<OPTION>" + i + "</OPTION>");
</script>
</SELECT>

Saludos.