How to force no cache using javascript and basic script loading

Question

I have a bookmarklet that keeps using cache versions of http://www.imvu-e.com/products/hpv/download/HPV.js. I want it to never cache it and always reload it.

This is the hyperlink I use to save the bookmarklet (which users drag to browser toolbar that installs it):

<a href="javascript:(function(){
     c = document.createElement(&quot;script&quot;);
     c.type = &quot;text/javascript&quot;;
     c.src = &quot;http://www.imvu-e.com/products/hpv/download/HPV.js&quot;;

     c.onload = c.onreadystatechange = function()                    {
            if ( ! (d = this.readyState) || d == &quot;loaded&quot; || d == &quot;complete&quot;){
                document.documentElement.childNodes[0].removeChild(c);
                version='beta';
            }
     };
     document.documentElement.childNodes[0].appendChild(c);
})();">Run HPV</a>

@yes123 It's a bookmarklet, and you're supposed to put a decent chunk of js in the url (because it needs to carry out the loading of your more complex js files) — wheresrhys
– wheresrhys, Commented Feb 22, 2012 at 17:57

Tyilo · Accepted Answer · 2012-07-05 01:44:23Z

19

Add a useless querystring to the end of your url:

c.src = "http://www.imvu-e.com/products/hpv/download/HPV.js?" + (new Date).getTime();

edited Jul 5, 2012 at 1:44

Tyilo

30.4k41 gold badges123 silver badges203 bronze badges

answered Feb 22, 2012 at 17:48

Prescott

7,4225 gold badges52 silver badges70 bronze badges

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

2 Comments

ParoX Over a year ago

Had to use c.src = "http://www.imvu-e.com/products/hpv/download/HPV.js?" + new Date().getTime();

user5066707 Over a year ago

@NiCkNewman Date.now() maybe faster, but it doesn't work in IE6 ;]

Arthur Costa · Accepted Answer · 2020-04-08 08:12:36Z

2

Pure JS solution:

<script> 
var scr = document.createElement("script");
scr.src = "http://example.com/cool.js" + "?ts=" + new Date().getTime();
document.getElementsByTagName("head")[0].appendChild(scr);
</script>

answered Apr 8, 2020 at 8:12

Arthur Costa

1,58923 silver badges35 bronze badges

Comments

Spencer D · Accepted Answer · 2017-04-19 02:51:41Z

1

Use jQuery's getScript instead of a script tagging and altering the source

<script>
   $.getScript("JavascriptFileName.js?timestamp=" + new Date().getTime());
</script>

edited Apr 19, 2017 at 2:51

Spencer D

3,4862 gold badges31 silver badges45 bronze badges

answered Apr 18, 2017 at 20:01

ahankendi

2543 silver badges9 bronze badges

1 Comment

Bill Bell Over a year ago

I'm writing as an SO reviewer because your answer has been flagged for its quality. Please be aware when answering that your answers could be read many times in future. This makes it important to write explanatory notes in them. Would you please take a moment or two to edit your answer with some text that says how and why your answer provides a solution?

Collectives™ on Stack Overflow

How to force no cache using javascript and basic script loading

3 Answers 3

2 Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related