How to link to file in root directory

Question

I have a website with index.html in the root folder, and a folder named apples . Inside apples I have another index.html . Currently I am attempting to use AngularJS to load the same navbar into both pages. However, when I tried linking to the Javascript file like so: <script src="/controller.js"> , the JS file loads for the index.html in the root folder, but it refuses to load the file for the index.html in the apples folder. Does anyone know why? In the apples folder, it keeps linking to apples//controller.js .

Answer 1

<script src="../js/controller.js"></script>
          __ ______ ________
          |    |       |
          |    |       |___ 3. Get the file named "logo.png"
          |    |
          |    |___ 2. Go inside "images/" subdirectory
          | 
          | 
          |____ 1. Go one level up

Reference

Answer 2

Are you running this on a server or just on your desktop? The path /controller.js should work if you're running from a web server but likely won't work if you're calling it locally.