Pass parameters in js file inclusion [duplicate]

Here a new way to do this.

You can use JSON.parse().

Here a example :

The code in the html :

<script id="scriptID" src="demo.js"> { "param1":"Hello World!", "param2":"paramLorem" } </script> 

The code in demo.js :

jQuery(document).ready(function(){ var myAttributes = JSON.parse(jQuery('#scriptID').html()); alert(myAttributes['param1']); }); 

You will get a alert with "Hello World!".

Hope it can help somebody!

It is not simple to find your own script tag from within the javascript that was loaded by it. It is possible to search through all the script tags in the document and find the one that has your filename in it and parse out the query string, but it's much easier to just set a variable before the script loads like this:

<script>var javascriptfile_id = 3482;</script> <script src="javascriptfile.js"></script> 

And, then just check for the javascriptfile_id variable in your script.

You could parse the parameters using jQuery, but I find that somewhat convoluted. Here's an example: http://wowmotty.blogspot.com/2010/04/get-parameters-from-your-script-tag.html

A better way to do it would be to create an initialize method in the JS file and call that initialize method with your paramters on page load.

You cannot pass a variable to the loaded script through the querystring, if it isn't intended for the server, so that a server-side script can pre-process the JavaScript before it is sent to the client.

If you want to pass a variable to the code within your external script, you would either have to make id a global JavaScript variable. Or you would have to call a function within the external script-file, passing the value as a parameter to that function.