スクリプトを動的に挿入してすぐに実行する

Question

私は、ウェブサイトのjavascriptを自動的に結合し、縮小するwebサービスを構築しています。ウェブ所有者は、ウェブサイトのヘッドに次のjsスニペットを挿入するだけで、ミニファイルを作成してヘッド要素に追加します。

私が見ている問題は、スクリプトが動的に追加されたときに、必ずしも身体の残りの部分より前に実行されるとは限らないということです。多くのサイトでは、本体が生成される前にヘッドスクリプトが実行されると予想されるため、これが問題です。

何かの前に動的に追加されたスクリプトを実行する方法はありますか？たぶん、ボディ全体を削除して、追加スクリプトがロードされた後に再度挿入するような回避策があるかもしれません。でも、それはかなりハッキリですね。

<script type="text/javascript"> 
    var minify_files = new Array(
     'domain.com/js/one.js', 
     'domain.com/js/two.js', 
     'domain.com/js/three.js' 
    ); 
</script> 
<script type="text/javascript" src="minifyservice.com/minify.js"></script> 

Answer 1

<script type="text/javascript" src="minifyservice.com/minify.js"></script> 

は行くだろう返します。 minify.jsは次のような関数minify_filesを定義します。

未テスト。しかし、良いスタート地点でなければなりません。 document.writeのために、ページがロードされる前にスクリプトがロードされるのをブロックして保証しますが、ページのレンダリングが完了する前にのみ動作します。

Answer 2

• 私はあなたが必要と/ユーザーが任意の他の資産の前にスクリプトタグ を配置 を依頼する必要があると思います。
• スクリプト配列を クエリ文字列に配置します。
• バックエンドサービスの組み合わせ、ユーザーのコード

  <script type="text/javascript"> 
      minify_files([ 
       'domain.com/js/one.js', 
       'domain.com/js/two.js', 
       'domain.com/js/three.js' 
      ]); 
  </script> 
  

  または類似したものは、おそらくより良い仕事とする前に、スクリプト

<script type="text/javascript" src="site.com/mini.js?script1&script2"></script>