使用innerhtml将脚本标签插入到html元素中[重复]

Question

我无法将此代码插入我的 HTML 页面：

<script type="text/javascript">
var1 = "1";
var2 = "2";
var3 = "3";
</script>
<script type="text/javascript" src="http://www.someadress.com/sss.js"></script>
<noscript><a href="http://someadress" target="_blank"><img src="someimg" width="468"
height="60"></a></noscript>';

我尝试过使用innerhtml，但它似乎不起作用。这是我尝试过的一个例子；我正在尝试在 ID 为 allImages 的元素中添加脚本：

    var imagesHTML = document.getElementById("allImages").innerHTML;
    imagesHTML = '<script type="text/javascript">
    var1 = "1";
    var2 = "2";
    var3 = "3";
    </script>
    <script type="text/javascript" src="http://www.someadress.com/sss.js"></script>
    <noscript><a href="http://someadress" target="_blank"><img src="someimg" width="468"
    height="60"></a></noscript>';

Answer 1

您无法通过注入 HTML 来加载 <script> 标签。相反，您需要使用eval() 函数！还有其他创建 DOM 对象和调用脚本的方法。请查看以下内容：

• Executing <script> elements inserted with .innerHTML。
• Can scripts be inserted with innerHTML?

注意：你应该永远不要使用eval()，除非你知道环境并且是绝对必要的。

如果您不需要这些麻烦，您可以随时使用 jQuery 和 MooTools 之类的库来使用 .html() 函数插入 HTML。