ドキュメントの準備が完了する前にjQuery/JSの内容を読み込み

Question

DOMが完全にロードされる前に（！）DOMからHTML/JS-Contentを読み込むことができるソリューション（jQueryまたはplain JS）を探しています。

<script> 
$(document).ready(function() { 
var mywidth = $(window).width(); 
if(mywidth > 1000) { 
$("#mydiv").load("some_html_with_external_javascript.html"); 
} 
}); 

これはうまく機能します。しかし、ロードされたコンテンツに外部JSが含まれている場合、JSコンテンツは実行されません。あなたはそれを行うためにdocument.writeを使用することができます

<div id="mydiv"> 
<script> 
var mywidth = $(window).width(); 
if(mywidth > 1000) { 
// <?php require_once "some_html_with_external_javascript.html"; ?> 
} 
</script> 
</div> 

Answer 1

：私は、JSやPHPのミックスのようなもの、のようなものを必要としています。現在の位置に新しいスクリプトタグを挿入するだけで、次の（スクリプト）タグの前に実行されます（PHPコードに非常に似ています）。あなたの質問によると、要求されたスクリプトは同期して読み込まれます。

のindex.html：

<script> 
console.log("first") 
document.write('<script src="second.js"><\/script>') 
</script> 
<script> 
console.log("third") 
</script> 

second.js：

console.log("second") 

ブラウザのコンソールは、 "第3" のログイン前の最初のsecond.jsをロードします。期待通りの出力が、そのためである：

• "最初"
• "第二"
• "第3"

可能であれば、私は、同期ロードが避けるべきであることを追加します。これは、パフォーマンスの大きなボトルネックです。