Get query data in javascript from src attribute

Question

Often, when I update a JavaScript or CSS file used by a webpage, I will tack on v=<version>. This helps me track what changes I have made but also forces the browser to get the newest version instead of using cache. Example:

<script src="functions.js?v=1.4"></script>

Is is possible, using JavaScript, to detect any query parameters used? Meaning, could function.js detect that v is 1.4?

This is a duplicate of stackoverflow.com/questions/7992354/… Look at this page to get the answer. — Pascal Le Merrer
– Pascal Le Merrer, Commented Feb 28, 2014 at 20:15
It's duplicate question: stackoverflow.com/questions/2976651/… — EAndreyF
– EAndreyF, Commented Feb 28, 2014 at 20:16
@EAndreyF, not exactly. If the question is about can the script get its own query params, it's not. — dentuzhik
– dentuzhik, Commented Feb 28, 2014 at 20:20

katspaugh · Accepted Answer · 2014-02-28 20:14:53Z

4

There's no a specific method for this, but you can inspect the DOM as usual:

var script = document.querySelector('script[src~="function.js"]');
script.src.replace(/.+?v=/, ''); // that's your version

answered Feb 28, 2014 at 20:14

katspaugh

18k12 gold badges69 silver badges107 bronze badges

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

5 Comments

dentuzhik Over a year ago

And then you'll need to apply some helper to get query parameter value you'd like

dentuzhik Over a year ago

Think this can be approved as the right one. Also it should be tested, whether it could be done from the same script. I think you need a separate one.

steveo225 Over a year ago

document.querySelector('script[src~="function.js"]') seems to return null for me, although, for the time being, I was able to loop over document.querySelectorAll('script') to manually find my file

Oriol Over a year ago

@steveo225 Try src~="functions.js" (with s) instead of src~="function.js".

steveo225 Over a year ago

I did make sure the filename was correct. In actuality, the file isn't even named functions.js, that was just an example. Not sure why it reports null, but like I said, I brute forced it with querySelectorAll

B.Asselin · Accepted Answer · 2014-02-28 20:33:21Z

0

<script id="file-js" src="functions.js?v=1.4"></script>

Code to find all parameters :

var url = document.getElementById('file-js').src;
url = url.replace(/^.*?\?/, '');
var params = url.split('&');
for(var i in params) {
    var pair = params[i].split('=');
    console.log(pair);
}

answered Feb 28, 2014 at 20:33

B.Asselin

98812 silver badges20 bronze badges

Collectives™ on Stack Overflow

Get query data in javascript from src attribute

2 Answers 2

5 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Linked

Related