Eso es tal vez más para AJAX que para sólo Javascript...
Ya que una vez que puedes ejecutar Javascript, es cuando la página a completado su descarga...
Sin embargo, puedes probar haciendo que durante la carga de la panalla, haya un div presente que sólamente diga "Cargando datos...", y que el resto de lo que tiene que aparecer luego esté en un div oculto por css, utilizando por ejemplo su propiedad "display:none", y que en el evento de javascript
: "window.onload", pongas una función que oculte el div de carga, y muestre el div de todos los demás contenidos, por ejemplo:
Código HTML:
<div id="cargando">Cargando datos...</div>
<div id="global" style="display:none"><!-- Todo tu código HTML --></div>
Y el javascript...
Código:
<script>
function cambiarDiv()
{
document.getElementById("cargando").style.display = "none"; // Oculto el div de cargando
document.getElementById("global").style.display = "block"; // Muestro el otro div
}
window.onload = cambiarDiv; // Asigno la función al evento onload de la página
</script>
Puedes probar y nos avisas.
Saludos
