javascript - 包含带有 innerHTML 的脚本 - 转义字符

Question

我正在尝试输出 <script> innerHTML 中的元素:

<script type="text/javascript">
    function fileManager()
    {
        data = document.getElementById("FM");
        data.innerHTML = "<script type='text/javascript' src='functions.js'></script>";
    }
</script>
    <div id="FM"></div>
    <ul id="show-menu">
        <li onClick="fileManager()">File Manager
    </ul>

脚本的 innerHTML 部分工作完美，只是双引号 (") 内的转义字符有问题。整个 <script type='text/javascript' src='functions.js'></script> 似乎被破坏/写错了，我似乎无法弄清楚它有什么问题。

如果您想知道，functions.js 文件仅包含 document.write("test");用于测试目的。

由于某些未知原因，这不起作用。结果是一个损坏的页面，我在脚本中看到了一些其他功能，但没有意义。如何正确转义？

Answer 1

The literal <script> / </script> inside the script is actually breaking the html tag that contains the script itself .还有一个问题是 .innerHTML does not execute or load scripts .所以我建议:

function fileManager()
{
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.src = 'functions.js';
    document.getElementById("FM").appendChild(script);
}