2015-08-19 34 views
1

我正在使用Blogger。我有一个显示我的帖子的功能(showmusic,这需要一个JSON代码作为参数),我称它是这样的:执行插入.innerHTML的src脚本

<script src='/feeds/posts/default/-/Album/Pop?max-results=20&orderby=published&alt=json-in-script&callback=showmusic'></script> 

我正在寻找一种方法来改变标签(“相册”和“POP”)与<select>标记和我需要插入与innerHTML的那个剧本,但剧本不执行:

function myFunction(label1,label2) { 
    var label1 += "/"; 
    var label2 += "/"; 
    var script = "\x3Cscript src='/feeds/posts/default/-/"+label1+label2+"?max-results=20&amp;orderby=published&amp;alt=json-in-script&amp;callback=showmusic'>\x3C/script>" 
    document.getElementById("my-container").innerHTML = script; 
} 
+0

你是什么意思“*执行相同的脚本,但与.innerHTML *”? – Scott

+0

所以你想动态添加'

1

试试看:

function myFunction(label1, label2) { 
    var s = document.createElement("script"); 
    s.type = "text/javascript"; 
    s.async = true; 
    s.src = "/feeds/posts/default/-/" + label1 + label2 + "?max-results=20&amp;orderby=published&amp;alt=json-in-script&amp;callback=showmusic"; 
    document.getElementById("my-container").appendChild(s); 
} 

我做简单的测试。与此内容创建HTML页面:

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Test</title> 
     <script type="text/javascript"> 
      function getJavascript() { 
       var s = document.createElement("script"); 
       s.type = "text/javascript"; 
       s.async = true; 
       s.src = "get_javascript.js"; 
       document.getElementById("javascriptHolder").appendChild(s); 
      } 
     </script> 
    </head> 
    <body> 
     <button type="button" onclick="getJavascript();">Get Javascript</button> 
     <div id="javascriptHolder"></div> 
    </body> 
</html> 

和文件get_javascript.js本:

alert('I am from Javascript'); 

当我在点击按钮像一个魅力的所有的作品。

+0

它不起作用,脚本不执行... – dmchp

+0

试试我的测试。我是更新答案。 – ostapische