ページロード時のJavaScriptコードの実行順序のご紹介

ページロード時のJavaScriptコードの実行順序のご紹介_基礎知識

WBOY

リリース： 2016-05-16 17:34:54

オリジナル

1147 人が閲覧しました

1. HTML に Javascript を埋め込む方法
1. <script> と <BR> のタグの間に Javascript コードを直接配置します。属性は外部 JS ファイルを指定します <BR> 3. これをイベントハンドラーに配置します。例: <p onclick="alert('I am a Javascript selected by the onclickevent')">Click me</p&gt ; <BR>4. この URL は、URL の本体として、次のような特殊な JavaScript: プロトコルを使用します。 ;Click me&lt ;/a><BR>5. JavaScript 自体の document.write() メソッドを使用して新しい JavaScript コードを作成します <BR> 6. Ajax を使用して JavaScript コードを非同期に取得し、実行します <BR> </script>

3番目と4番目のメソッドで書かれたJavaScriptは実行するためにトリガーする必要があるため、特別に設定しない限り、ページの読み込み時に実行されません。

2. ページ上で Javascript が実行される順序
1. ページ上の Javascript コードは HTML ドキュメントの一部であるため、ページが読み込まれるときに Javascript が実行される順序は次のとおりです。導入タグ

この問題を解決するには、HTML 解析の原則を使用して 1 つの HTML タグを解析し、次のタグを実行し、コードを分割してこれを実現します。

HTML パーサーはスクリプトを検出すると、通常、ドキュメントの解析を終了し、スクリプトが実行されるまで待機する必要があります。この問題を解決するために、HTML4 標準では defer が定義されています。 defer を使用すると、ブラウザーに HTML ドキュメントの解析を続行し、スクリプトの実行を遅らせるように求められます。この遅延は、スクリプトが外部ファイルからロードされる場合に非常に役立ちます。そのため、ブラウザは実行を続行する前にすべての外部ファイルがロードされるのを待つ必要がなくなり、パフォーマンスが効果的に向上します。現在 IE は defer 属性をサポートする唯一のブラウザですが、遅延スクリプトは次の遅延していないスクリプトまで遅延するだけでなく、常にドキュメントの終わりまで遅延されるため、IE は defer 属性を正しく実装しません。これは、IE での遅延スクリプトの実行順序が非常にわかりにくく、後続の非遅延スクリプトで必要のない関数や変数を定義できないことを意味します。 IE でのすべての遅延スクリプトの実行時間は、HTML ドキュメントツリーが確立された後、window.onload 前である必要があります。

3. Ajax を使用します。
xmlhttpRequest は外部ドキュメントの読み込みステータスを判断できるため、コードの読み込み順序を変更できます