動的ロードスクリプトを達成する方法

ロードされた動的に、実行時にJSコ​​ードを参照して、「動的ロードスクリプト」いわゆる、我々は次のように、動的にjsの中の<script>タグ、およびスクリプトファイルの導入を作成する必要があるので、jsの他のスクリプトを実行します。 

<！DOCTYPE HTML > 
< HTML LANG = "ZH" >

< ヘッド> 
    < メタ文字コード= "UTF-8"  /> 
</ ヘッド>

< 本体> 
    < スクリプト> 
        [ " ./test1.js " 、" ./test2.js " ] .forEach（項目=> {
            VAR スクリプト= のdocument.createElement（" スクリプト" ）。
           script.src = 項目。
           document.head.appendChild（スクリプト）;
        }）
    </ スクリプト> 
</ ボディ>

</ HTML >

 

 

注：このスクリプトがロードされ、動的にレンダリングされたページがブロックされませんが、実行の順序を保証することはできません、完全なスクリプトをダウンロードするには、そのスクリプトを使用して、順番に実行する必要がある場合、それは上記のコードを変更する必要があります最初に実行されます。 script.asyncはfalseを設定します。