Si agrego una alerta en el encabezado de la página, la alerta aparece normalmente y después de hacer clic en Aceptar, el sitio web se carga, pero cuando muevo la alerta al final del elemento del cuerpo, la página web (según los videos de YouTube) debería cargarse de inmediato, pero no lo hace. 't. Todavía me espera al hacer clic en "Aceptar".
Entonces, ¿dónde me equivoqué?
<body> <div id="contact-us"> <h2>Contact Us</h2> <p>You can contact Mr Green in various ways ...</p> <div class="contact-method"> <h3>By Phone</h3> <p>222-222-FISH</p> </div> <div class="contact-method"> <h3>By Email</h3> <p>iammrgreen@green.com</p> </div> <div class="contact-method"> <h3>By carrier pidgeon</h3> <p>To do this, order your podgeon at www.mrgreenspidgeonemporium.com</p> </div> </div> <a href="#top">Go to top</a> <script> alert("Yo Ninja, welcome to my website!"); </script> </body>Puedes hacer un experimento, por ejemplo, con setTimeout.
En este fragmento, si el tiempo de espera es demasiado pequeño, la alerta aparecerá antes de que se pinte algo en la pantalla, un poco más grande y toda la pantalla se pintará antes de que aparezca la alerta. No sucede en bits.
<body> <div id="contact-us"> <h2>Contact Us</h2> <p>You can contact Mr Green in various ways ...</p> <div class="contact-method"> <h3>By Phone</h3> <p>222-222-FISH</p> </div> <div class="contact-method"> <h3>By Email</h3> <p>iammrgreen@green.com</p> </div> <div class="contact-method"> <h3>By carrier pidgeon</h3> <p>To do this, order your podgeon at www.mrgreenspidgeonemporium.com</p> </div> </div> <a href="#top">Go to top</a> <script> function afterwait() { alert("Yo Ninja, welcome to my website!"); } setTimeout(afterwait, 10); </script> </body>