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

Question

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

例如:

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

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

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

Answer 1

<小时/>

您可以将 html 代码添加到新的 django 模板或静态文件中

例如模板.tplt

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

然后在需要它的页面以及您可以执行的 js 中加载该静态文件

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

你也可以不加载模板中的静态文件，只通过ajax请求。

您还可以使用 js 模板库，例如 https://github.com/janl/mustache.js/让您的生活更轻松:)