Load Javascript file with Javascript based on URL

Question

Can I use Javascript to load a Javascript file in HTML based on a string in URL? For example something like this:

<script type="text/javascript">
if (location.href.indexOf("DEUTCH") != -1) 
    {
    include ('javascript_deutch.js)
    }
    else 
    {
    include ('javascript_english.js)
    }
</script>

I cannot use any other method like PHP or something.

Thanks for the help guys. Unfortunately none of these things seem to work.

This

<script type="text/javascript">
if (location.href.indexOf("DEUTCH") != -1) {
   document.head.innerHTML+='<script src="javascript_deutch.js"></script>';
}else{
   document.head.innerHTML+='<script src="javascript_english.js"></script>';
}
</script>

ended up just displaying a message at the top of my page:

'; }else{ document.head.innerHTML+=''; }

And this

<script type="text/javascript">
var script = document.createElement('script');
if (location.path.indexOf("DEUTCH") > -1) {
script.src = 'javascript_deutch.js';
} else {
script.src = 'javascript_english.js';
}
document.body.appendChild(script);
</script>

did not request the files on the server at all. Am I missing something?

As for the error in caused by my answer; I've edited it.

nicael
– nicael

2015-11-24 15:04:40 +00:00
Commented Nov 24, 2015 at 15:04 — nicael
– nicael, Commented Nov 24, 2015 at 15:04

Leon Adler · Accepted Answer · 2015-11-22 22:42:41Z

1

You can create a <script> tag dynamically:

var script = document.createElement('script');
if (location.path.indexOf("DEUTCH") > -1) {
  script.src = 'javascript_deutch.js';
} else {
  script.src = 'javascript_english.js';
}
document.body.appendChild(script);

answered Nov 22, 2015 at 22:42

Leon Adler

3,3921 gold badge33 silver badges43 bronze badges

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

Comments

Georgi Naumov · Accepted Answer · 2015-11-22 22:43:02Z

1

The easy way without framework:

var _script = document.createElement('script');
_script.src = 'fileName.js';
document.body.appendChild(_script);

May be will be good to isolate this into separate function like this:

function includeJsFile(fileName) {
     var _script = document.createElement('script');
    _script.src = fileName;
    document.body.appendChild(_script);
}

But may be will be good for you to check http://requirejs.org/

answered Nov 22, 2015 at 22:43

Georgi Naumov

4,2314 gold badges45 silver badges63 bronze badges

Comments

nicael · Accepted Answer · 2015-11-24 15:04:19Z

0

Why not. Just add them in the script tags.

<script type="text/javascript">
if (location.href.indexOf("DEUTCH") != -1) {
   document.head.innerHTML+='&lt;script src="javascript_deutch.js"&gt;&lt;/script&gt;';
}else{
   document.head.innerHTML+='<&lt;script src="javascript_english.js"&gt;&lt;/script&gt;';
}
</script>

edited Nov 24, 2015 at 15:04

answered Nov 22, 2015 at 22:42

nicael

19.1k13 gold badges65 silver badges93 bronze badges

Comments

Thylorion · Accepted Answer · 2021-06-12 08:59:31Z

0

Try this code, this method worked for me:

<script>
document.write('<script type="text/javascript" src="' + language-file + '.js"><\/script>')
</script>

answered Jun 12, 2021 at 8:59

Thylorion

1054 bronze badges

Collectives™ on Stack Overflow

Load Javascript file with Javascript based on URL

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related