htmlでjsを読み込みjsでjsを読み込む

JavaScriptで別のJavaScriptを複数読み込む方法を教えてください。

具体的には001.htmlで001.jsを読み込み001.jsで002.jsを003.js読み込みたいです。

htmlからそれぞれ読み込めばいいと思うのですが、
諸事情によりなるべくhtmlの記述数を少なくしたいので、

行動規範の内容に同意します

回答2件

ベストアンサー

こういうことですかね。

html

HTML
1<head>
2<script src="/001.js"></script>
3</head>

001.js

JavaScript
1window.onload = function() {
2  var script002 = document.createElement('script');
3  script002.src = "/002.js";
4  document.body.appendChild(script002);
5  var script003 = document.createElement('script');
6  script003.src = "/003.js";
7  document.body.appendChild(script003);
8}

投稿2017/12/15 09:06

編集2017/12/15 09:44

masaya_ohashi

総合スコア9206

x_x

2017/12/15 09:29

001.js実行時にはまだbodyがないのではないでしょうか？

退会済みユーザー

2017/12/15 09:40

すみません、 001.jsで002.jsと003.jsを読み込みたいの間違えでした。

masaya_ohashi

2017/12/15 09:43

x_xさん確かにbodyないですね。onload以降にしないと駄目ですね

masaya_ohashi

2017/12/15 09:45

yoshi_0819さん修正してみました。

miyabi-sun

2017/12/15 13:12

ついでにもう一個修正依頼してもいいですか？ window.onloadは色々とダメな子なんで、相手が初心者でもaddEventListenerの方を提示して下さい！ https://developer.mozilla.org/ja/docs/Web/API/EventTarget/addEventListener 具体的には1行目をこれに差し替えれば良いはずです。 ```JavaScript window.addEventListener( 'load', function() { ```

退会済みユーザー

2017/12/22 09:58

miyabi-sunさん返信遅くなりましたが、置き換えると window.addEventListener( 'load',function() { var script002 = document.createElement('script'); script002.src = "/002.js"; document.body.appendChild(script002); var script003 = document.createElement('script'); script003.src = "/003.js"; document.body.appendChild(script003); } になるのですが 'load'の部分が閉じられていないのですがいいのですか？

miyabi-sun

2017/12/22 10:10

閉じるのでお願いします。

退会済みユーザー

2017/12/22 10:36

window.addEventListener( 'load'),function() { var script002 = document.createElement('script'); script002.src = "/002.js"; document.body.appendChild(script002); var script003 = document.createElement('script'); script003.src = "/003.js"; document.body.appendChild(script003); } でいいのですか？

行動規範の内容に同意します