Foros del Web - Ver Mensaje Individual - Atributo async en etiqueta script en Firefox

eduardobpe · #1 (**permalink**) 17/07/2012, 02:06

Hola a tod@s.
Estoy probando cómo funciona todo lo relacionado con scripts no bloqueantes. En HTML5 existe un nuevo atributo para la etiqueta <script> llamado async.
Este atributo hace que el archivo Javascript enlazado mediante esta etiqueta no bloquee la carga de los elementos de la página ni la ejecución de otros scripts de Javascript.

El caso es que estoy probando en Firefox el siguiente código y no funciona correctamente:

Código HTML:

Ver original<!DOCTYPE html>
<html>
    <head>
        <title>Exercise 1</title>
        <script type="text/javascript" async src="example1.js"></script>
        <script type="text/javascript" async src="example4.js"></script>
        <script type="text/javascript" src="example3.js"></script>
    </head>
    <body>
        <p>Hello world</p>
    </body>
</html>

El código de los archivos Javascript enlazados en el código HTML anterior es el siguiente:

//example1.js:

Código Javascript:

Ver originalalert("I'm the example 1");

//example3.js

Código Javascript:

Ver originalalert("I'm the example 3");

//example4.js

Código Javascript:

Ver originalalert("I'm the example 4");

Cuando abro un archivo .html en Firefox con el código de más arriba ocurre lo siguiente en este orden:

1. Se muestra un pop-up con el texto "I'm the example 3".
2. Se muestra un pop-up con el texto "I'm the example 4".
3. Se muestra un pop-up con el texto "I'm the example 1".

Y después de todo esto, se debería mostrar el contenido de la página, que sólo tiene el párrafo con el texto "Hello World", pero no se muestra.
El área del navegador donde se visualizan las páginas aparece en blanco, y el anillo naranja que aparece en una pestaña de Firefox cuando una página se está cargando no para de girar y no desaparece.

¿Alguna idea de por qué ocurre esto?.