nuevo en esto, colocando la etiqueta script inmediatamente antes de finalizar body, carga primero la alerta antes del contenido…algún com...

Pregunta de la clase:
HTML, CSS, JavaScript de verdad
Pierre Vidal Gamarra

Pierre Vidal Gamarra

Pregunta
studenthace 7 años

nuevo en esto, colocando la etiqueta script inmediatamente antes de finalizar body, carga primero la alerta antes del contenido…algún comentario para corregir esto?

Gracias…

6 respuestas
para escribir tu comentario
    Pierre Vidal Gamarra

    Pierre Vidal Gamarra

    studenthace 7 años

    Gracias, fueron de mucha ayuda.

    Xavier Alexandro Basir Jeffrey

    Xavier Alexandro Basir Jeffrey

    studenthace 7 años

    error el pegar jeje ignora las dos últimas líneas, osea así:

    <html> <head> </head> <body> <p>Quien tiene<strong> hambre?</strong></p> <p>Quien quiere una hamburguesa?</p> <script src="https://code.jquery.com/jquery-1.9.1.min.js"></script> <script> $( document ).ready(function() { alert("yo"); }); </script> </body> </html>
    Xavier Alexandro Basir Jeffrey

    Xavier Alexandro Basir Jeffrey

    studenthace 7 años

    Saludos! ya que eres nuevo en esto no quisiera abrumarte, sin embargo, para este tipo de cosas tiendo a usar JQuery (una biblioteca de Javascript muy útil y que nos facilita muchas cosas) ya que este tiene una función ready() que nos permitirá ejecutar ese alert que tienes solo después de que se cargue todo el contenido del body, importamos JQuery a nuestro proyecto con el script que tiene el src llamando a dicha biblioteca. Espero haya sido de ayuda, sería así:

    <html> <head> </head> <body> <p>Quien tiene<strong> hambre?</strong></p> <p>Quien quiere una hamburguesa?</p> <script src="https://code.jquery.com/jquery-1.9.1.min.js"></script> <script> $( document ).ready(function() { alert("yo"); }); </script> </body> </html> <html> <head>
    Andrés Molina

    Andrés Molina

    studenthace 7 años

    Chrome siempre te lanzará los alert antes que el body, osea que los alert siempre cargaran primero que tu body. si quieres que el primer mensaje de la pagina salga como (“quien tiene hambre”) y luego los otros mensajes, los tendrías que colocar como alerts yo lo haría asi

    <html>

    <head>

    <title>Mi primer archivo html</title>

    <style>

    body

    {

    background-color: brown;

    color: black;

    font-family:sans-serif;

    }

    strong

    {

    background-color: skyblue;

    }

    </style>

    </head>

    <body>

    <script>

    alert(“Quien tiene hambre?”);

    alert(“Quien quiere una hamburguesa?”);

    alert(“yo”);

    </script>

    </body>

    </html>

    Team Platzihace 7 años

    Es normal por como trabajar el motor de render de Chrome, lee todo el código html y ejecuta los llamados a las funciones en este caso el

    alert("yo")
    y por ser una función que bloquea el render de la pagina hasta que se cierre no va a terminar el render hasta que cierres el alert, el motor de firefox funciona diferente y si va ejecutando linea a linea y por eso renderiza y al final sale el alert.

    Pierre Vidal Gamarra

    Pierre Vidal Gamarra

    studenthace 7 años

    <html>

    <head>

    <title>Mi primer archivo html</title>

    <style>

    body

    {

    background-color: brown;

    color: black;

    font-family:sans-serif;

    }

    strong

    {

    background-color: skyblue;

    }

    </style>

    </head>

    <body>

    <p>Quien tiene<strong> hambre?</strong></p>

    <p>Quien quiere una hamburguesa?</p>

    <script>

    alert(“yo”);

    </script>

    </body>

    </html>

Curso Gratis de Programación Básica

Curso Gratis de Programación Básica

Programa desde cero, domina Javascript, entiende HTML y aprende de algoritmos. <strong>Sí, desde cero</strong>. Entenderás la lógica del código, cómo piensan los programadores y cómo programar juegos, proyectos y hasta robots y electrónica. Aprender a programar no es fácil, pero Platzi lo hace efectivo.

Curso Gratis de Programación Básica
Curso Gratis de Programación Básica

Curso Gratis de Programación Básica

Programa desde cero, domina Javascript, entiende HTML y aprende de algoritmos. <strong>Sí, desde cero</strong>. Entenderás la lógica del código, cómo piensan los programadores y cómo programar juegos, proyectos y hasta robots y electrónica. Aprender a programar no es fácil, pero Platzi lo hace efectivo.