動態添加的腳本標簽不執行

Question

我的 HTML 文檔中有一個腳本標簽，如下所示：

<script SRC="story_content/user.js" TYPE="text/javascript"></script>

我想在它之后使用 javascript 動態添加另一個腳本標簽，所以我寫了這樣的代碼：

 window.onload = function() { addSources(); }; function addSources(){ const selectUserJs = document.querySelector('[src="story_content/user.js"]'); selectUserJs.insertAdjacentHTML('afterend', '<script SRC="../../../modules/speaks/speakDictate.js" TYPE="text/javascript"></script>'); }

此代碼成功將新腳本標簽添加到 HTML 文檔但腳本不執行？？？ 什么？ 我錯過了什么？ 以及如何解決這個問題？

Answer 1

將其作為元素插入或自行終止標簽：

 window.onload = function() { addSources(); console.log(document.body.innerHTML); }; function addSources(){ const selectUserJs = document.querySelector('[src="story_content/user.js"]'); selectUserJs.insertAdjacentElement('afterend',document.createElement('script')).src="../../../modules/speaks/speakDictate.js"; selectUserJs.insertAdjacentHTML('afterend', `<script SRC="../../../modules/speaks/speakDictate.js" TYPE="text/javascript"/>`); }

 <script src="story_content/user.js"></script>