I’m trying to test the following code in Firefox 13.0.1, but it doesn’t work correctly:
<!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>
//example1.js:
alert("I'm the example 1");
//example3.js
alert("I'm the example 3");
//example4.js
alert("I'm the example 4");
When I open the file which contains the above html code, the following occurs:
I EDIT THE PROCESS I FOLLOW
- In first place, the script “example3.js” is executed, and then a pop-up with the text “I’m the example 3” appears. Afterwards, I click on OK button inside the pop-up window.
- In second place, the script “example4.js” is executed, and then a pop-up with the text “I’m the example 4” appears. Afterwards, I click on OK button inside the pop-up window.
- In third place, the script “example1.js” is executed, and then a pop-up with the text “I’m the example 1” appears. Afterwards, I click on OK button inside the pop-up window.
- And finally, the body content should be displayed (he paragraph with the text “Hello World”), but it doesn’t in Firefox, but in Chrome. In Firefox, the page load doesn’t stop.
If I open Firebug in Firefox after last script was executed, I realize that the browser does not receive the body element.

I don’t know if my code is correct or is a bug from Firefox.
Thank you.
This is an already reported bug in firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=692754