Fetching query string parameters passed in a javascript file

Question

I have used this tutorial to create a JS based widget. One thing I need to do is to pass query string parameters in JS file. I tried document.location.href but it gave the URL of page where widget was placed(which is quite obvious)

Code is given below:

<script src="http://example.com/widget.js?id=2" type="text/javascript"></script>
    <div id="widget"></div>

I need to fetch id=2 which I can pass further.

Thanks

To get the querystring part of URL you need document.location.search. If you want to pull the parameter from URL look at http://stackoverflow.com/questions/19491336/get-url-parameter-jquery — tabz100, Jun 10 '15 at 18:13
@tabz100 My mistake. I just updated the question. Please check — Volatil3, Jun 10 '15 at 18:15
Do you want to access id=2 in the widget.js file or the current page? — tabz100, Jun 10 '15 at 18:22

score 1 · Accepted Answer · answered Jun 10 '15 at 18:26

1

If you give your script an id then you can write:

<script src="http://example.com/widget.js?id=2" id="myscript" type="text/javascript"></script>
<div id="widget"></div>

<script>
var myScript = document.getElementById('myscript');
var src= myScript.getAttribute('src');
//Get the id from the src based on parameter using Regular Expression
</script>

answered Jun 10 '15 at 18:26

tabz100

1,463
11
14

Where will I write this code? Do remember that the file where widget code block written will not be in my control – Volatil3 Jun 10 '15 at 18:27
If you have no control over the widget code then how is the widget code using the parameters? – tabz100 Jun 10 '15 at 18:30
I mean I don't have controller of `caller` of widget. – Volatil3 Jun 10 '15 at 18:46

Fetching query string parameters passed in a javascript file

1 Answers1