在页面 JavaScript 中动态添加脚本

Add scripts dynamically in a page JavaScript

本文关键字：动态 添加 脚本 JavaScript      更新时间：2023-09-26

以下是我用于创建动态脚本元素的PLNKR代码。但它抛出以下错误 -

TypeError： Node.appendChild 的参数 1 不是对象。

document.head.appendChild（"script1"）;

我也尝试document.getElementsByTagName('head')[0]定位，但它再次抛出相同的错误。

请让我知道我对这个概念做错了什么。

这是我对此遵循的答案 - 堆栈链接

我的JS代码 -

(function(){
  var script1 = document.createElement('script');
  script1.src= "script1.js";
  //document.getElementsByTagName('head')[0].appendChild("script1");
  document.head.appendChild("script1");
  var add = document.createElement('script');
  add.src= "add.js";
  //document.getElementsByTagName('head')[0].appendChild("add");
  document.head.appendChild("add");
  var subtract = document.createElement('script');
  subtract.src= "subtract.js";
  //document.getElementsByTagName('head')[0].appendChild("subtract");
  document.head.appendChild("subtract");
  $("#add").find('.result').text(c);
  $("#subtract").find('.result').text(d);
})();

您传递的是字符串而不是元素引用。

这样做：

document.head.appendChild(script1);

而不是：

document.head.appendChild("script1");
相关文章：