javascript - 将所有 Javascript 移动到 Django 中的单独文件

Question

我从 Django 开始做一些事情。我想保持 html 文件干净，没有 <script> block 。有可能吗，即使我的 js 部分正在使用 {% url %} block ？

例子:

page.html

<div> 
<h1> My home url is: </h1>
<div id="js-tag" ></div>
</div>
<script>
$(function(){
  $('#js-tag').html("{% url 'home' %}")
});
</script>

我想要的是删除它并将它放在一个单独的 js 文件中，然后将它导入到 page.html

Answer 1

(几乎)Django 一切皆有可能! ;)

您只需将您的 JavaScript 代码放在一个单独的 HTML 文件中，然后将其简单地包含在您的主模板中(此处:page.html)，如下所示:

{% include 'path/to/my/template_file/js_code.html' %}