Q&A
JavaScriptでスクリプトタグを動的に埋め込み動作させる方法を試しているのですが、下記の通り試すと動作いたしません。
どのようにすれば動作するのか教えていただけると幸いです。
外部ファイルを読み込むスクリプトタグを動的に埋め込み、外部ファイルであるhoge.jsを動作させるといった流れです。
hoge.jsの中身はキチンと読み込まれているかを確認するためだけのコードなので、
alertを表示させているだけです。
ややこしくて申し訳ありません。
HTML
1<html> 2<head> 3</head> 4<body> 5<span>Insert here! [start]</span> 6 <div id="add"> 7 </div> 8<span>Insert here! [end]</span> 9 10<script> 11 var h = document.createElement("div"); 12 h.innerHTML = '\<script src=\"js/hoge.js\"\>\</script\>'; 13 14 var dv = document.getElementById("add"); 15 dv.appendChild(h); 16</script> 17 18</body> 19</html>
外部から呼び出すjsファイル(hoge.js)
js
1 2alert("hoge");
回答1件
0
innerHTML ではなくcreateElement で処理しましょう。
【javascript - innerHTMLに入れたコードの中にscriptタグがあっても実行されないのはなぜ？ - スタック・オーバーフロー】
https://ja.stackoverflow.com/questions/2756/innerhtmlに入れたコードの中にscriptタグがあっても実行されないのはなぜ
【HTMLElementの中でScriptタグを追加し、実行する】
https://qiita.com/DinhDuyThanh/items/eddec8c50c5c571658f3
js
1var script=document.createElement('script'); 2script.innerHTML = "alert('ok')" 3var div=document.getElementById('test'); 4div.appendChild(script)
投稿2018/07/16 17:39
総合スコア69407
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。