Referring another JavaScript file by its relative path from a JavaScript file

Question

I have recently got a chance to explore one famous JavaScript library; In that library, I have found one strange way of referring JavaScript library from HTML page.

The application folder structure looks like this,

index.html contains the reference of subroot.js;

index.html

<head>
   <title>Index</title>
   <script src="js/subroot.js"></script>
</head>

subroot.js only contains the following code (i.e.,the relative path of root.js)

subroot.js

../../js/root.js

When I try to run the index.html, i get syntax error in the first line of subroot.js

Questions:

Is it right way to refer another javascript library by its relative path?
If yes, Why I get error message on the web page?

If your questions is if it is a correct JS syntax, then, obviously, no. There are many ways to append one JS file to HTML page from another and simply writing a relative path to it is not one of them. — Yeldar Kurmangaliyev
– Yeldar Kurmangaliyev, Commented Aug 14, 2015 at 10:53
thanks @YeldarKurmangaliyev, but still I'm confused why they are referring another javascript library by its relative path!!! — codeninja.sj
– codeninja.sj, Commented Aug 14, 2015 at 11:02

Gerard van Helden · Accepted Answer · 2015-08-14 11:08:05Z

2

JavaScript by itself doesn't support loading files or referring paths. You need a module loader of some kind to achieve what you want. With the new version of the standard (ECMAScript 6) there is something called "imports" which you might find useful. I have experience using JSPM and the SystemJS module loader, which makes it pretty easy to connect the dots.

However, without using any additional tools you should just inject another script tag in your HTML.

answered Aug 14, 2015 at 11:08

Gerard van Helden

1,61210 silver badges13 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 11:43:55Z

0

Just reference root.js in the HTMl file not in the Subroot.js file, you can't reference another .js file from a .js file as far as I know.

<script src="../js/root.js"></script>

See Link

edited May 23, 2017 at 11:43

CommunityBot

11 silver badge

answered Aug 14, 2015 at 10:55

DieVeenman

4571 gold badge3 silver badges18 bronze badges

Comments

Domain · Accepted Answer · 2015-08-14 10:56:40Z

0

write this in subroot.js file var x = document.createElement('script'); x.src = '../../js/root.js'; document.getElementsByTagName("head")[0].appendChild(x);

answered Aug 14, 2015 at 10:56

Domain

11.8k3 gold badges26 silver badges45 bronze badges

Collectives™ on Stack Overflow

Referring another JavaScript file by its relative path from a JavaScript file

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related