将代码段放在div

Question

希望你能帮忙吗？

我尝试使用以下代码将代码段的内容放入div（名为＆＃34; program＆＃34;）中：

<script type="text/javascript">// <![CDATA[
document.getElementById("program").innerHTML = '{% include 'snippets/program-amsterdam-3day-bgn-eng.rain' %}';
// ]]></script>

但是没有用。任何人都可以看到我的代码有什么问题吗？

这可以独立工作：

{% include 'snippets/program-amsterdam-3day-bgn-eng.rain' %}

Answer 1

你用不平衡的引号转义你的字符串：

document.getElementById("program").innerHTML = '{% include 'snippets/program-amsterdam-3day-bgn-eng.rain' %}';

尝试使用双引号括起include语句：

document.getElementById("program").innerHTML = "{% include 'snippets/program-amsterdam-3day-bgn-eng.rain' %}";

并确保转义所包含文件中的任何引号。

Answer 2

您需要使用双引号作为字符串分隔符，因为您在字符串中使用单引号：

document.getElementById("program").innerHTML = "{% include 'snippets/program-amsterdam-3day-bgn-eng.rain' %}";

或者，您也可以转义单引号：

document.getElementById("program").innerHTML = '{% include \'snippets/program-amsterdam-3day-bgn-eng.rain\' %}';