Question

我是javaScript和html的新手。我正在尝试动态创建一个脚本值并从java脚本添加到html head标签，我也使用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视频popup.for我必须将youtube网址分配给上面的脚本。

和我的详细资料json是

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

提前感谢...

Answer 1

我认为js.value不能正常工作。使用appendChild方法添加您的javascript代码下面是在头部添加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);

如何在javascript中的html head标签中动态添加脚本值

1 个答案: