How to connect js script from html to Django static

Question

I have new Django project with frontend, initially written not for Django at all, so I cannot connect this script:

<script>
    document.body.appendChild(document.createElement('script')).
    src='js/main_script.js?r='+Math.floor(Math.random()*99999999999999999999);
</script>

The file js/main_script.js is located in static folder, other js scripts are loaded as intended. And as I understand this script prevents caching for some reason.

So, what am I missing in that part? Thanks in advance for any clarifications

What is the purpose of Math.random()*99999999999999999999? — roganjosh
– roganjosh, Commented Nov 10, 2018 at 14:17
@roganjosh i think it is hand made version of docs.djangoproject.com/en/2.1/ref/contrib/staticfiles/… — Artem Bernatskyi
– Artem Bernatskyi, Commented Nov 10, 2018 at 14:24
@roganjosh, I've found it on stackoverflow, apparently used to prevent caching though i'm not an author — Chickenfresh
– Chickenfresh, Commented Nov 10, 2018 at 23:57

Artem Bernatskyi · Accepted Answer · 2018-11-11 14:51:49Z

2

You should remove those +Math.floor(Math.random()*99999999999999999999) part and use proper solution for static files caching control

https://docs.djangoproject.com/en/2.1/ref/contrib/staticfiles/#manifeststaticfilesstorage

UPD in response to comments below

Suppose we have

STATIC_ROOT = '/var/web/chick_static/'
STATIC_URL = '/chick-static/'

Then when we use static template tag Django transforms
from

<script src="{% static 'js/main_script.js' %}"></script>

to

<script src="/chick-static/js/main_script.js"></script>

Also Django will be looking for file in /var/web/chick_static/ directory.

edited Nov 11, 2018 at 14:51

answered Nov 10, 2018 at 14:27

Artem Bernatskyi

4,7552 gold badges28 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Chickenfresh Over a year ago

but, at least for understanding, why without static-way of loading this script it works while opening .html file, but at Django doesn’t?

Artem Bernatskyi Over a year ago

@Chickenfresh i've updated answer, plz check if it is understandable, if not then feel free to ask for more details.

Collectives™ on Stack Overflow

How to connect js script from html to Django static

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related