Firefox 13.0.1 で次のコードをテストしようとしていますが、正しく動作しません。
<!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");
上記の html コードを含むファイルを開くと、次のようになります。
私は従うプロセスを編集します
- まず、スクリプト「example3.js」が実行され、「I'm the example 3」というテキストのポップアップが表示されます。その後、ポップアップ ウィンドウ内の [OK] ボタンをクリックします。
- 次に、スクリプト「example4.js」が実行され、「I'm the example 4」というテキストのポップアップが表示されます。その後、ポップアップ ウィンドウ内の [OK] ボタンをクリックします。
- 3 番目に、スクリプト「example1.js」が実行され、「I'm the example 1」というテキストのポップアップが表示されます。その後、ポップアップ ウィンドウ内の [OK] ボタンをクリックします。
- 最後に、本文のコンテンツ (「Hello World」というテキストを含む段落) を表示する必要がありますが、Firefox では表示されませんが、Chrome では表示されません。Firefox では、ページの読み込みが止まりません。
最後のスクリプトが実行された後に Firefox で Firebug を開くと、ブラウザが body 要素を受信していないことに気付きます。
私のコードが正しいのか、それとも Firefox のバグなのかわかりません。
ありがとうございました。