ホームページ > 記事 > ウェブフロントエンド > JavaScript とその他のリソースを同時にダウンロードする方法_JavaScript テクニック
IE6/7 では、JavaScript は次の 2 つの方法でページのレンダリングを妨げます。
script タグの下の Web リソースは、スクリプトが読み込まれる前にリクエストとダウンロードを停止します。
script タグの下の html 要素は、スクリプトが読み込まれる前にレンダリングを停止します。
script タグは、ie6/7 firefox2/3 Safari3 Chrome1 および opera でのダウンロードを妨げます:
IE8、safari4、および chrome2 ではスクリプトを同時に実行できますが、それでも他のリソースのダウンロードが妨げられます。
他のリソースと並行してスクリプトをダウンロードするには、6 つの方法があります:
1.
2.XHR インジェクション — XHR を通じてスクリプトをダウンロードし、スクリプト タグを作成してドキュメントに挿入し (body タグまたは head タグ内)、スクリプト タグの text 属性を XHR の responseText
の値に設定します。
3.Iframe の XHR — スクリプト タグを iframe に配置し、iframe
を通じてダウンロードします。
4.スクリプト DOM 要素 — スクリプト タグを作成し、その src 属性をスクリプト アドレスに指定します
5.Script Defer — script タグの defer 属性を追加します。これは IE でのみ有効ですが、Firefox3.1 もこの属性をサポートします
6. document.write メソッドを使用して、ページに