使用django将STATIC_URL传递给文件javascript

时间:2012-03-06 01:33:51

标签: javascript python django static

哪个是将{{STATIC_URL}}传递给javascript文件的最佳解决方案?

我正在使用django和python。

提前致谢。 问候。

3 个答案:

答案 0 :(得分:36)

将全局javascript变量与静态url值一起使用更简单:

<script language="javascript">var STATIC_URL = "{{ STATIC_URL|escapejs }}";</script>
<script src="{{ STATIC_URL }}js/myfile.js"></script>

然后,您可以通过在myfile.js中调用STATIC_URL来简单地使用静态URL:

html = '<img src="'+STATIC_URL+'/icons/flags/tn.gif">';

答案 1 :(得分:19)

django-compressor允许您通过将所有必需的JS或CSS压缩到一个文件中并优化文件大小来优化您的网站。

UPDATE:默认情况下,压缩器会使用STATIC_URL将相对网址转换为绝对网址。如果您下载开发版本,它会附带一个django模板引擎解析器,它允许您直接在CSS文件中使用所有django模板代码,例如{% static %}标记。

https://github.com/jezdez/django_compressor

安装后在settings.py中启用TemplateFilter以通过模板引擎解析js或css文件。

COMPRESS_JS_FILTERS = [
    'compressor.filters.template.TemplateFilter',
]

现在{% compress js %}块中的任何JS都将被django模板语言解析...

{% compress js %}
    <script src="/my_script.js" type="text/javascript"></script>
{% endcompress %}

// my_script.js
alert('{{ STATIC_URL|escapejs }}');

你问了最好的方法 - 我认为这是最好的。当然比提供动态文件更好。

答案 2 :(得分:5)

我认为这补充了@Yuji'Tomita'Tomita的评论,作为一个完整的设置。

这对我有用。

这就是我在django js文件中使用STATIC_URL完全设置django压缩器的方法。

https://github.com/jezdez/django_compressor

pip install django_compressor

将'压缩器'添加到INSTALLED_APPS设置:

INSTALLED_APPS = (
    # other apps
    "compressor",
)

在调试模式下测试压缩,在settings.py:

COMPRESS_ENABLED = True

如果您使用Django的staticfiles contrib应用程序(或其独立对应的django-staticfiles),您必须将Django Compressor的文件查找器添加到STATICFILES_FINDERS设置,例如使用django.contrib.staticfiles:

STATICFILES_FINDERS = (
    'django.contrib.staticfiles.finders.FileSystemFinder',
    'django.contrib.staticfiles.finders.AppDirectoriesFinder',
    # other finders..
    'compressor.finders.CompressorFinder',
)

安装后在settings.py中启用TemplateFilter,以通过模板引擎解析js或css文件。

COMPRESS_JS_FILTERS = [
    'compressor.filters.template.TemplateFilter',
]

现在{%compress js%}块中的任何JS都将被django模板语言解析...

{% load compress %}

{% compress js %}
    <script src="/my_script.js" type="text/javascript"></script>
{% endcompress %}

// my_script.js

alert('{{ STATIC_URL|escapejs }}');