Evento al cargar el HTML del body

0123 · #1 (**permalink**) 19/07/2013, 14:29

Buenas compañeros,

Al final de mi body tengo una funcion _activar_eventos(); que me permite activar el javascript antes de que cargue todo lo que falta, como imagenes y demas.

Ya se que lo hacen muchas webs. Mi duda es... ¿Existe alguna forma de hacerlo mas elegante?. Es que la verdad... tener esto:

Código Javascript:

Ver original<script>_activar_eventos();</script>

Tenerlo encima del cierre del body me hacen sangrar los ojos.

¿Sabeis alguna alternativa?... es necesario que se haya cargado todo el HTML, por ello los eventos onload y demas... no me valen, jeje.

Siempre evitando poner CSS o JS dentro del HTML, y me parece que de esta no me libro.

hackjose · #2 (**permalink**) 19/07/2013, 15:28

Podrias usar el atributo defer en el elemento script, solo que no muchos navegadores soportan este atributo.

Hay otro evento llamado DOMContentLoaded, este se dispara tan pronto se termina de analizar el documento.

En cambio el evento load se dispara cuando todos los elementos(iframes,imagenes,hojas de estilo,incluso scripts) se an terminado de cargar

Y todavia la cosa se pone mas lento cuando tienes algo como esto

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
<script src="script_pesado.js"></script>
</head>
<body>
 
</body>
</html>

El documento se empieza a analizar y cuando llega a script hace una pausa porque debe descargarlo y despues ejecutar el codigo y una vez que termina de ejecutar el codigo sigue analizando el documento

Conclucion creo que evento domcontentloaded

saludos

wolfoxley · #3 (**permalink**) 19/07/2013, 15:38

puedes utilizar esta estructura dentro de tu script

Código Javascript:

Ver original(function (){
    tufuncion();
    function tufuncion(){
        console.log("hola");
    }
})();

0123 · #4 (**permalink**) 19/07/2013, 16:05

Buenas hackjose y wolfoxley,

Gracias por la información hackjose. He estado consultando información del evento DOMContentLoaded y parece tener problemas de compatibilidades con algun que otro navegador. He visto que hay alguna funcion cross browser, pero uf... no tengo mucha confianza en solucionar el problema de esta forma. Osea, sobre el papel veo perfecto el evento... sobre la realidad... maldigo al genio creativo de algunos programadores de navegadores... ****llos!.

wolfoxley... he probado ese codigo, y llama a la funcion que quiero, pero sin tener elementos en el DOM, ya que aun no se han cargado.

Jo!... que pena. Me parece que no me queda otra que incluir esa odioso script en el pie de la web. Parece mentira!. Lo hacen hasta las grandisimas webs.

:P

Gracias!

wolfoxley · #5 (**permalink**) 19/07/2013, 16:14

intenta una vez mas con este código

eso de console.log();
no funciona el IE

Código Javascript:

Ver original(function (){
 
    window.tufuncion();
    
})();
 
function tufuncion() {
    alert("hola");
}

zerokilled · #6 (**permalink**) 19/07/2013, 19:25

buenas,
@wolfoxley, el código que estás recomendando no tiene relación alguna con lo que el autor solicita. el código que estás proponiendo es simplemente una forma de invocar una función anonima. comúnmente lo utilizan con el único propósito de crear un closure o ejecutar una función una sola vez. ni por lejos tiene el mismo efecto que el evento DOMContentLoaded.

0123 · #7 (**permalink**) 19/07/2013, 19:30

Gracias wolfoxley... pero tampoco me furrula... jeje... gracias de todos modos a todos!!!!!