Q&A
> //script_bのみ読み込みができました
どうやって確認しましたか?
お世話になります。
javascript初心者です。
document.createElement('script')を使って
複数のjsファイルをhead内に追加したいのですが、
以下の方法を試しても正常にスクリプトの読み込みが出来ませんでした。
1を試して「○○○.src」では1つのファイルしか読みこむことが出来ないと判断し、
2で配列内に複数のパスを記述しました。
様々な記事を見て仮説をたてながら試したのですが
正常な動作をしなかったので有識者の方がいらっしゃればご教授いただきたいのでお願い致します。
試したこと1
HTMLのhead内にて
javascript
1<head> 2 <script> 3 4 var script_a = document.createElement('script'); 5 script_a.src = "js/scriptA.js"; 6 document.head.appendChild(script_a); 7 8 var script_b = document.createElement('script'); 9 script_b.src = "js/scriptB.js"; 10 document.head.appendChild(script_b); 11 </script> 12</head> 13//script_bのみ読み込みができました
試したこと2
HTMLのhead内にて
javascript
1<head> 2 <script> 3var scripts = ['script_a,js', 'script_b.js']; 4var len = scripts.length; 5var i = 0; 6 7(function appendScript() { 8 var script = document.createElement('script'); 9 script.src = scripts[i]; 10 document.body.appendChild(script); 11 12 if (i++ < len) { 13 script.onload = appendScript; 14 } 15})(); 16 17 </script> 18</head> 19//どちらも読み込みませんでした
> 1を試して「○○○.src」では1つのファイルしか読みこむことが出来ないと判断し
それは、どのように確認を行いましたか？
ありがとうございます。
１の方法で
「document.head.appendChild(script_b);」を記述しておりませんでした。
お騒がせ致しました。
回答1件
0
ベストアンサー
試したこと１で実現できているように見えますが・・・
javascript
1<head> 2<script> 3['script_a.js', 'script_b.js'].forEach(src=>{ 4 document.head.appendChild(Object.assign(document.createElement('script'),{src})); 5}); 6</script> 7</head>
投稿2022/11/29 05:40
総合スコア114843
あなたの回答
tips
プレビュー
