使用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。