Diferencia entre funcion dentro y fuera del head

truman_truman · #1 (**permalink**) 11/02/2012, 08:32

Hola a todos.
Quisiera saber cual es la diferencia de llamar funciones dentro y fuera del head

Ejemplo

Dentro del head

Código HTML:

<html>
   <head>
   <script type="text/javascript">
	$(document).ready(function(){

        })
   </script>
   </head>
   <body>
   </body>
</html>

Fuera del head (o al final)

Código HTML:

<html>
   <head>   
   </head>

   <body>
      <!-- contenido HTML o PHP -->
      <!-- contenido HTML o PHP -->
      <!-- contenido HTML o PHP -->
      <!-- contenido HTML o PHP -->
      <!-- contenido HTML o PHP -->

      <script type="text/javascript">
         $(document).ready(function(){

          })
      </script>
   </body>

</html>

Gracias!

.

ryugen · #2 (**permalink**) 11/02/2012, 09:26

Salvo el momento en el cual se cargarán, ninguna otra.

Recuerda que los recursos y script de un html, se van cargando en la medida que aperecen el código.

Por eso recursos que pueden llegar a bloquear la carga (por se grandes o demandantes) se recomiendan que sean dejados al fondo.

Sin embargo en tu caso la funcion "ready" espera al documento listo, por lo que no bloquearía casi nada la carga. A menos que el contenido de ese script sea mucho, por más que no se ejecute llevaria tiempo descargarlo.