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 stackoverflow.com/questions/19491336/get-url-parameter-jquery — tabz100
– tabz100, Commented Jun 10, 2015 at 18:13
@tabz100 My mistake. I just updated the question. Please check — Volatil3
– Volatil3, Commented Jun 10, 2015 at 18:15
Do you want to access id=2 in the widget.js file or the current page? — tabz100
– tabz100, Commented Jun 10, 2015 at 18:22

tabz100 · Accepted Answer · 2015-06-10 18:26:35Z

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, 2015 at 18:26

tabz100

1,47311 silver badges14 bronze badges

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

3 Comments

Volatil3 Over a year ago

Where will I write this code? Do remember that the file where widget code block written will not be in my control

tabz100 Over a year ago

If you have no control over the widget code then how is the widget code using the parameters?

Volatil3 Over a year ago

I mean I don't have controller of caller of widget.

Collectives™ on Stack Overflow

Fetching query string parameters passed in a javascript file

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related