如何将包含HTML代码的JavaScript字符串移动到它自己的文件中

Question

在HTML中，您可以使用脚本在HTML文件中编写JavaScript代码 标记，然后将该脚本提取到它自己的文件中。我需要做相反的事情。我有一个JavaScript文件，其中包含存储为字符串变量的HTML代码。

例如：

var foo = '<p>lots of code here</p>'

如何将HTML代码提取到自己的文件并将其链接回JavaScript文件中的原始位置？

我正在处理的代码部分是另一个HTML文档的可折叠元素，它是Django视图的一部分。

Answer 1

你可以添加你的html代码是一个新的django模板或静态文件

e.g。 template.tplt

<script type="template" id="my_template">
    <p>lots of code here</p>
</script>

然后加载那个需要它的页面的静态文件，你可以在你的js中加载

var foo = $('#my_template').html()

您也无法在模板中加载静态文件，只需通过ajax请求它。

你也可以使用像https://github.com/janl/mustache.js/这样的js模板库来让你的生活更轻松：）