how to pass value to a js file

Question

I know this question are asked hundreds of times :( but I just want to learn more :).

My question is simple, can I pass a value to a js file like this, if not, how ?

<script type="text/javascript" src="./js/create.js?method=create"></script>

Yes, you notice that I have a parameter method=create which I want to use in my create.js.

I know in jquery ajax, we have an easy way, but you must notice that the ajax method is in included in the js file, how could I pass a parameter to the js file itself ?

Any answer is welcome :) Thanks.

See this: http://stackoverflow.com/questions/2190801/passing-parameters-to-javascript-files — Romeo, Jun 27 '13 at 01:34

score 8 · Answer 1 · answered Jan 23 '17 at 14:06

8

This works perfect for me:

<script src="js/script.js" id="myScript" data-url="my_variable"></script>

inside the script.js file:

var myUrl = document.getElementById("myScript").getAttribute( "data-url" );

"myUrl = my_variable" inside the code

you can use myUrl everywhere.

answered Jan 23 '17 at 14:06

Alp Altunel

3,324
1
26
27

1

Super clean and elegant solution, works a treat, thanks! – brasofilo Jan 05 '21 at 15:13
you are welcome @brasof I am glad to hear that – Alp Altunel Jan 05 '21 at 19:44

score 3 · Accepted Answer · edited May 23 '17 at 11:50

Not really, no. What you can do is this:

<script type="text/javascript">
  var method = "create";
</script>
<script type="text/javascript" src="./js/create.js"></script>

Another way is to only define functions inside your javascript file, and then invoke after it has loaded.

<script type="text/javascript" src="./js/create.js"></script>
<script type="text/javascript">
  runMyLoadedCode("create");
</script>

Third way is belying my first simplistic answer: access the script tag itself and parse it. You can see here how to access the tag that has loaded your script; take its src value and cut it up to locate your method=create.

@answered, make it to a global variable :) Thanks. Can I find another way ? — diligent, Jun 27 '13 at 01:33

how to pass value to a js file

2 Answers2