2016-12-11 7 views
0

私はhtmlファイルを持っています:index.htmlにはいくつかの基本的なjsライブラリが含まれています。 そして、私も持っているいくつかのモジュール:htmlファイルを動的に読み込んでexternal jsを実行する方法

a.html:

<div id='a'> 
    <script src="a1.js"></script> 
    <script src="a2.js"></script> 
</div> 

a1.js:

console.log('a1') 

a2.js:私は動的にロードすることができますどのように

console.log('a2') 

a.htmlをindex.htmlにコピーし、a1.jsとa2.jsが完了したというイベントを取得しますか?

+0

レビューこの[解答](http://stackoverflow.com/a/35615845/を2813224)、それがアップヴォートするのを助けるなら。 – zer00ne

答えて

1
w3data.js

例があることを行うために

使用w3data.js index.htmlを

<html> 
<script src="http://www.w3schools.com/lib/w3data.js"></script> 

<body> 

<div w3-include-html="a.html"></div> 

<script> 
w3IncludeHTML(); 
</script> 

</body> 
</html> 
+0

しかし、どうすればa1.jsとa2.jsが完了したというイベントを得ることができますか? – user7279967

+0

にはa.htmlファイルが含まれているので、a1.jsとa2.jsファイルも実行されます –

+0

w3data.jsのソースコードを読み、innerHTMLを使用して外部HTMLファイルa.htmlを追加しています。私はそれがa1.jsとa2.jsをロードして実行することを知っていますが、a1.jsとa2.jsがすぐに実行されるというイベントをキャッチしたいと思います。それは可能ですか? – user7279967

関連する問題