在页面JavaScript中动态添加脚本

时间:2014-11-17 05:23:29

标签: javascript jquery html dom appendchild

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

  

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

     

document.head.appendChild( “SCRIPT1”);

我还尝试了document.getElementsByTagName('head')[0]进行定位,但又一次犯了同样的错误。

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

这就是我对此的回答 - Stack Link

我的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);

})();

1 个答案:

答案 0 :(得分:1)

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

这样做:

document.head.appendChild(script1);

而不是:

document.head.appendChild("script1");