私はJavaScriptのフローをとても単純なJavaScriptの例で学習しようとしていますが、3つのブラウザ(Chrome、IE、Firefox)では3つすべてが異なるフローパターンと異なる結果を示しています。私は予想されるクロスブラウザの問題があることを知っていますが、これは非常に簡単です。 JavaScriptが実際にどのように流れるかを解釈する方法を理解しようとしています。ここでさまざまなブラウザでの基本的なJavaScriptの流れ
はコードです:私は見ています何
<!DOCTYPE html>
<html>
<head>
<title>Test 01</title>
<script type="text/javascript">
document.bgColor = "red";
</script>
</head>
<body bgColor="yellow">
<p>Paragraph 1</p>
<script>alert("after para 1");</script>
<p>Paragraph 2</p>
<script>alert("after para 2");</script>
<p>Paragraph 3</p>
<script>alert("after para 3");</script>
</body>
</html>
は、「第1項」のテキストは、警告後にChromeで、最大表示なども他の二つのアラートとされていることです。 IEとFirefoxはここで正しいことをしているようだ - アラートの前にテキストを表示する。
IEとFirefoxの間で、IEは赤い背景とFirefoxに黄色で終わっています。したがって、何を解釈するのか正確にはわからない。すべてのブラウザで動作が異なる。
これが正確にどのように機能するのか、どうやって学びますか?
編集:この質問には該当しないvar x = 10を削除します。そして、問題は関連するテキストの前にアラートが表示されている場合のクロムの動作をどのように解釈するのか、またbgcolorが1つのケースではオーバーライドされるのはなぜですか。
スクリプトタグにはない 'var x = 10;'があります。 – Script47
ここに質問がありますか?それが本当に "あなたはどのように学びますか..."なら、これは話題にはなりません。 – JJJ
(おそらく)**関連**:[BlockingJS](https://developers.google.com/speed/docs/insights/BlockingJS) – Script47