まず最初に、JavaScript の読み込みと実行について話したいと思います。一般に、ブラウザには Javascript の実行に関する 2 つの大きな特徴があります。1) Javascript はロード直後に実行されます。2) 実行されると、それ以降のページのコンテンツ (ページのレンダリングや他のリソースのダウンロードを含む) がブロックされます。したがって、複数の js ファイルがインポートされる場合、ブラウザーでは、これらの js ファイルがシリアルにロードされ、順番に実行されます。
JavaScript は HTML ドキュメントの DOM ツリーを操作する可能性があるため、ブラウザーは一般に、CSS ファイルのように js ファイルを並行してダウンロードしません。これは、js ファイルの特殊性によって引き起こされるためです。したがって、JavaScript が後続の DOM 要素を操作したい場合、基本的にブラウザはオブジェクトが見つからないというエラーを報告します。 Javascript が実行されると、後続の HTML がブロックされ、DOM ツリー内に後続の DOM ノードが存在しないためです。したがって、プログラムはエラーを報告しました。
従来の方法
したがって、コード内に次のコードを記述すると、
<scripttype="text/javascript" src="http://coolshell.cn/asyncjs/alert.js"></script>
基本的に、ヘッド内の