javascript 文件中的 Django {% static 'path' %}

2024-01-04

在我的 script.js 中:

pic.src = "/static/photos/1.jpg"; // This works
pic2.src = "{% static 'photos/1.jpg' %}" // Does not work

世界上为什么会发生这种事?由于在我的 home.html 中, {% static 'path' %} 有效:

{% load staticfiles %}
<script src="{% static 'script.js' %}"></script>  // This works

是 {% load staticfiles %} 还是 {% load static %} ?两者都对我有用,script.js 已加载。


由于您使用的是 django 的模板语言,您可以ONLY在您的模板中执行此操作<script>标签。换句话说,如果您想使用您的pic2.srcjavascript 中的变量external脚本,那么你需要在之间声明它<script>像这样的标签

<script>
    var pic2.src = "{% static "photos/1.jpg" %}"
</script>

然后您可以在外部脚本中访问它,您可以像这样加载:

<script type="text/javascript" src="{% static "js/my_external_script.js" %}"></script>

关于您提出的问题load static and load staticfiles没有什么区别。两者都充当连接器STATIC_URL在你的settings.py以及文件本身的实际路径,因此两者都应该适合您的情况。看here https://docs.djangoproject.com/en/dev/ref/contrib/staticfiles/#static and here https://docs.djangoproject.com/en/1.7/howto/static-files/了解更多信息。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

javascript 文件中的 Django {% static 'path' %} 的相关文章

随机推荐

  • 固定标题网格视图 ASP.NET

    我浏览了很多固定标题网格视图的示例 并使用 div 和 java 脚本尝试了一些选项 我没有从示例中工作 这里有什么我想念的吗 CSS gridViewHeader background color Navy color blue font
  • 在 Xcode 中构建 iOS 应用程序时出错:Sandbox: rsync.samba (13105) Deny(1) file-write-create,Flutter 无法写入文件

    在 Xcode 上构建 iOS 应用程序时 我遇到了这 2 个错误 我尝试在 Visual Studio 代码上构建 iOS 但也遇到了相同的错误 操作系统 macOS 14 0 beta 处理器M1 Pro 降级操作系统可以解决这个问题吗
  • 动态转换不适用于非多态基类?

    这里第二个演员给出了一个错误说 cast cc 35 35 error cannot dynamic cast base of type class CBase to type class CDerived source type is n
  • 复选框增加和减少问题

    现在我遇到一个问题 如果第一个复选框编号增加 然后单击第二个复选框 那么第一个复选框值将显示 1 它应该是因为我增加了 4 或 5 但通过选中另一个复选框 它将自动显示 1 我的 Js 代码 在此代码中 我单击复选框 然后增加数字 但我也希
  • 应用程序代码中的 try-catch 块无法捕获的异常

    MSDN 指出StackOverflowException 无法被 try catch 块捕获 http msdn microsoft com en en library system stackoverflowexception aspx
  • A* 用于寻找最短路径并避开障碍物

    我必须获得二维两点之间的 最短 最佳 距离 我必须避免可能连接在一起的线条形状 关于如何表示我可以行驶的节点有什么建议吗 我曾想过制作一个网格 但这听起来不太准确或优雅 如果一条线的任何点位于正方形内 该节点是正方形的中心 我会认为该节点不
  • 使用 BOOST_FUSION_ADAPT_ADT 增强类的融合序列化

    我正在尝试使用 boost fusion 为类获取序列化模块 我已将我的类转换为 boost fusion 序列 此示例取自 Michael Caisse 在 boostcon 13 上演讲的幻灯片 https github com boo
  • MVC 在呈现给用户之前更改响应的最后机会

    我需要在呈现给用户之前更改完整的 html 响应流 使用 html 解析 最后一次机会在哪里 什么时候 恕我直言 在 ASP NET MVC 环境中更改 HTML 响应的更好方法是使用操作过滤器 这是用于压缩输出的动作过滤器的示例 publ
  • 使用 eclipse 从 xsd 生成无头 xml

    在最新版本的免费开源 Eclipse IDE 中 您可以从 DTD 和 XSD 文件生成 XML 文档 右键单击给定的 dtd 或 xsd 文件 然后选择 生成 gt XML 文件 您可以选择要生成哪个根元素以及是否应生成可选属性和元素 我
  • 为什么这不起作用 - Android - onCreate()

    下面的代码不起作用 并抛出NullPointerException引起的RuntimeException public class ListFilteredActivity extends Activity LinearLayout typ
  • 替换网页上链接的方括号

    我正在尝试使用 jQuery Javascript 解析 html 内容 我想查找方括号之间的单词并更改链接的整个单词 Example div This is text inside a div It has a reference to
  • SingleChildScrollView/Column 内的 ReorderableListView

    我需要将可重新排序列表放入 SingleChildScrollView 中 但 ReorderableListView 没有像 ListView 那样的收缩包装 是否有解决方法可以在不使用过时且无人维护的包的情况下完成此布局 虽然 我还没有
  • 在 WinForms 应用程序中显示 XML 文件,具有类似 IE 的着色和折叠节点

    我想在我的 NET 2 0 WinForms 应用程序中显示一个 XML 文件 就像 IE 一样 您可以折叠节点 并且所有内容的颜色都很漂亮 有内置的方法可以做到这一点吗 您可以在应用程序的表单中托管 IE 也可以使用 IE 使用的相同 X
  • 在 PHP 中执行 exec() 或 system() 且不等待输出

    我想从 PHP 脚本中触发 eider exec 或 system 中的 shell 命令 但这是一项需要一段时间才能完成的任务 有没有办法触发它并继续运行 PHP 页面加载而不延迟 编辑 我使用的是 CentOS 6 PHP 5 3 取决
  • 猫头鹰旋转木马无法按 RTL 方向工作

    Owl Carousel 滑块不适用于 RTL 我加rtl true在配置中 但它没有加载滑块 滑块空间在那里并且导航正在显示 但只有滑块内容没有显示 我该如何解决这个问题 我的代码如下 div class row div class it
  • 指定源目录时 Doxygen 找不到文件

    Hello 我尝试使用 doxygen 从一组文件夹生成代码文档 我的文件夹结构是这样的 root include include subdir file h src src subdir file cpp Documentation do
  • UNIX2DOS 功能

    bin ksh c cat PMSourceFileDir RT TgtFiles OutputFileStrPerfHdr PMSourceFileDir RT TgtFiles OutputFileStrPerfCSV unix2dos
  • 预处理器时间戳

    是否可以通过预处理器宏生成嵌入式 Unix 时间戳 例如 define VERSION EXPIRE TIMESTAMP 原因是 我有测试版 我想在编译时生成过期时间戳 在特殊的构建配置中 我已解决如下 define VERSION TIM
  • 为什么 returned() 不接受生成器?

    我正在努力写这样的东西 list reversed list el iterancestors 1 2 3 生成器很糟糕 因为我被迫将它们消耗到列表中 有没有办法简化这个 我认为reversed 应该接受迭代器 我错了吗 生成器不保证有最后
  • javascript 文件中的 Django {% static 'path' %}

    在我的 script js 中 pic src static photos 1 jpg This works pic2 src static photos 1 jpg Does not work 世界上为什么会发生这种事 由于在我的 hom