LoginSignup
1

More than 5 years have passed since last update.

動的なscript要素

Last updated at Posted at 2012-08-07

script要素をJSから動的生成する方法。
HTMLページのどの箇所に記述しても、scriptファイルが読み込まれている間、他のページの処理をブロックしない。

javascript
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "file1.js"; document.getElementsByTagName("head")[0].appendChild(script);
  • 動的読み込みの場合、body要素ではなくhead要素に追加するほうが良い。※body要素が正しく読み込まれない場合IEでエラーが発生する。
  • 動的に読み込まれたscriptは、取得後即座に実行されるので、ページ内の他のスクリプトで読み込まれたscriptのデータを使用する場合は、読み込みが完了したかをチェックする必要がある。

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1