2017-02-24 5 views
2

私はJavascriptの総初心者ですが、OOPやHTMLでは初心者です。私はJavascript初心者の本を始めて、2番目の例で問題に遭遇しました。次のコードでは、ブラウザ(Chrome)にp1を表示してから、「最初」と警告ボックスを表示する必要があります。しかし、なぜ私はそれが別の方法で起きているのか理解していません.p1の前に警告が表示されます。アラートボックスはHTMLの前に表示されます

<html> 
<body> 

<p>p1</p> 
<script type="text/javascript"> 
alert("first"); 
</script> 

</body> 
</html> 

EDIT:クロスブラウザの互換性でHTML要素を操作する問題に対する追加の解決策として、私はjQueryのJavascriptを学習した後、Web開発に不可欠な次のステップになると思います。

答えて

1

スクリプトの読み込みと実行の順序を理解するには、下のリンクをクリックしてください。

load and execute order of scripts

+1

この記事を引用する:「スクリプトタグを動的に挿入すると、実行順序はブラウザによって異なります。スクリプトタグが設定されていない限り非同期にタグ付けしてください。 " OPsページがfirefoxで開かれている場合は、このタグで囲みます。実際には、pタグは警告ボックスの前に表示されます。ありがとうございます。 – thodic

+0

非同期スクリプトと外部jsファイルに変換すると、私の問題が解決しました。しかし、これはいろいろな非同期スクリプトの問題です。現在のところ、JSスクリプトクロスブラウザの実行順序を確実に制御する方法はありますか?私がネット上で読んでいる資料は、それがないことを示しているようですが、私がChromeでテストしている間、 "Beginning Javascript"という本はFirefoxとIE用のコードを提供しています。私はスクリプトを有効にしましたがIEは私のスクリプトをブロックしていますが、私はFirefoxをインストールしようとします –

+0

受け入れられたとして答えをマークしてください。 –

0

htmlがレンダリングされていますが、アラートがjavascriptイベントによってトリガされないため、DOMがロードされるとすぐに起動します。バグはありません。ブラウザの動作は問題ありません。

+1

これは、pタグはChromeの警告後に表示される理由ののOPの質問に答えていません。 – thodic

関連する問題