Question

I have moved an large piece of JS code form my header file to it’s own .js file.
I’m trying to include it with:

<script src="includes/js/test.js" type="text/javascript"></script>

The JS code is not loaded, what could be wrong?

Answer 1

One possible reason is that the path is wrong. Remember that the path as you’ve written it will be interpreted relative to the current URL. So if this code appears on a page that is accessed at

http://www.example.com/example1/index.html

then the browser will request the javascript file from

http://www.example.com/example1/includes/js/test.js

which may not be what you want. A better approach may be to use a link that is based on the root: that is, if you change it to

<script src="/includes/js/test.js" type="text/javascript"></script>

then it will always look in

http://www.example.com/includes/js/test.js

no matter where the link appears.