如何在javascript中的html头标记中动态添加脚本值

我不熟悉javaScript和html。 我正在尝试动态创建一个脚本值，并从java脚本添加到html头标记，我也在使用angularjs，如下所示

my script.js

$http.get(URL).success(function (response) {
             $scope.trailers = response;
      var js = document.createElement('script');
      js.setAttribute('type', 'text/javascript');
      js.value = "api_gallery = ["+trailers[0].youtubeId +", "+trailers[1].youtubeId +"];api_titles = ['video1', 'video2'];api_descriptions = ['description1', 'description2'];";

       document.getElementsByTagName('head')[0].appendChild(js);
});

实际上，上面的代码是用于youtube视频弹出的。为此，我必须将youtube URL分配给上面的脚本

我的详细信息是

[{"youtubeId": "https://www.youtube.com/watch?v=_eZh4R_6WtA"},{"youtubeId": "https://www.youtube.com/watch?v=ynDAZ8-xcSE"}]

---

先谢谢你

我认为js.value不适用于其他所有事情。 使用appendChild方法添加javascript代码 下面是在head中添加javascript代码的示例

var txt = "alert('hello');";

var scriptTag = document.createElement("script");
scriptTag.setAttribute("type", "text/javascript");

// append it in a text node
scriptTag.appendChild(document.createTextNode(txt));
document.getElementsByTagName("head")[0].appendChild(scriptTag);

---

脚本元素没有

值

它有

innerHTML

非常感谢您的回复……我也用您的解决方案得到了它……非常感谢