Static URL in JavaScript

Question

I have a CSS file which is being used in my template file

<link href="{% static "assets/style/reset.css" %}" rel="stylesheet" type="text/css"/>

I want to access the 'static' in my JavaScript. Is it possible? How can I do it?

Answer 1

Your javascript has to pass through django's template redering. You could do this by rendering your javacript inside of your template like Django Template Variables and Javascript suggests.

---

Or you could create a view that just renders your javascript dynamically:

(r'^dynamic.js$', dynamic_js)


def dynamic_js(request):
   """
   Create a js file dynamically      
   """   
   return render(request, 'dynamic.js', 
                 content_type='application/javascript')


# dynamic.js    
# can use template tags now!

Having django serve your static assests is extremely inneffiecient, and is one of the first things to migrate away from if you want a speedy site. If your js file is rarely changing it might be better to create some sort of build process where you can generate your dynamic js with django (so you can use the template variables) and save it to you static folder, so that your webserver can serve the content for you!