HTML5 の実践と遅延スクリプトの分析

遅延スクリプトとは何ですか? HTML5 の実戦と遅延スクリプトの分析は、JavaScript の読み込みの問題を解決するのに役立ちます。 HTML5の実戦・解析のディファードスクリプト機能により、JavaScript読み込み時のページ構造の乱雑さを気にする必要がなくなりました。

JavaScript の遅延スクリプトに関しては、そのような属性は HTML4.01 の時点ですでに存在していました。これは、外部参照される script タグに「defer」属性を追加すると非常に便利です。 「defer」属性を追加しても、ページの構造には影響しません。つまり、スクリプトはロードされますが実行されず、ページが完全にロードされた後に順次実行されます。よりよく理解するために、以下の例を見てください。

この例では、a.html ファイルがあり、このファイルで参照されている script タグには遅延スクリプトの属性が追加されていませんが、b.html ファイルには遅延スクリプトの属性が追加されています。それぞれ a.js と b.js という 2 つの JavaScript ファイルがあり、それぞれのファイル名がデモンストレーションとしてポップアップ表示されます。

a.jsコード

alert("a");

b.jsコード

alert("b");

a.htmlコードえー

b.htmlコードrree