时间戳

首页 > 解决方案 > 在我的 Django 项目中，如何动态地将位于静态文件夹中的脚本附加到头部？

javascript - 在我的 Django 项目中，如何动态地将位于静态文件夹中的脚本附加到头部？

问题描述

在我的 Django 项目中，我想动态地将script-tag 附加到head-section。我要附加的脚本位于static-folder。问题是我不知道如何static在 javascript 中引用 -folder，或者这是否可行。

这是我的Javascript（的一部分）：

jQuery( window ).on( "load", () => {
    const script = document.createElement("script");
    script.src = "{% static 'js/myScript.js' %}";
    document.head.appendChild(script);
});

myScript.js 可能如下所示：

console.log("This is myScript")

当然，这是行不通的。在控制台中我得到：

获取http://127.0.0.1:8000/%7B%%20static%20'js/myScript.js'%20%%7D net::ERR_ABORTED 404（未找到）。

有没有办法static在 javascript 中引用 -folder？

标签： javascriptdjangodynamicappendchildstatic-files

解决方案

我通过更改找到了解决方案：

script.src = "{% static 'js/myScript.js' %}";

进入：

script.src = "/static/js/myScript.js";

就如此容易！

推荐阅读