refresh html js page

Question

<script type="text/javascript" src="main.js"></script>

If This is in the my header page and which is included in all pages.My question is that when there are any changes in main.js the user has to refresh his browsers cache.So instead of this if we use

<script type="text/javascript" src="main.js?1"></script>

user would get latest changes without refreshing the cache.If again a change ismade in main.js change has to be made like

<script type="text/javascript" src="main.js?sumnumber"></script>

My question is that is there any generic way to do this

The proper way to do this, is have the server return the correct heads: mnot.net/cache_docs — RoToRa
– RoToRa, Commented Feb 4, 2011 at 10:08

Lloyd · Accepted Answer · 2011-02-04 10:14:09Z

2

You can use Date.geTime() or some such which returns the ticks, it's a common way to cache bust.

However, generating the tags will be more of a pain.

You can of course turn of caching on the web server side so that your page shouldn't be cached.

edited Feb 4, 2011 at 10:14

answered Feb 4, 2011 at 10:07

Lloyd

29.7k5 gold badges89 silver badges100 bronze badges

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

Comments

dogbane · Accepted Answer · 2011-02-04 10:12:42Z

1

You can let your Version Control System put in a version number whenever you check-in your source code.

e.g in CVS you can use the $Revision$ keyword:

<script type="text/javascript" src="myfile.js?$Revision$"></script>

answered Feb 4, 2011 at 10:12

dogbane

276k77 gold badges407 silver badges415 bronze badges

3 Comments

Rajeev Over a year ago

How does the browser treat $Revision$??

dogbane Over a year ago

$Revision$ will be replaced by the file's version number when you check it into source control so the resulting file which you deploy won't have $Revision$.

Rajeev Over a year ago

Is the same behaviour applicable for SVN

Joe Hanink · Accepted Answer · 2011-02-04 10:16:06Z

0

if you are looking for every request from the same browser to force re-download, then you want the url to change every time, e.g.

<script type="text/javascript">
   document.write('<script type="text/javascript" src="main.js?' +Math.random()+ '"></script>');
</script>

answered Feb 4, 2011 at 10:16

Joe Hanink

4,8674 gold badges21 silver badges21 bronze badges

Collectives™ on Stack Overflow

refresh html js page

3 Answers 3

Comments

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related