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

将其作为元素插入或终止标签：

myCustomMatrix.postTranslate(dx, dy)
invalidate()

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"/>`);
}

动态添加的脚本标签不执行

1 个答案: