How to append timestamp to the javascript file in tag url to avoid caching

by

Method 1

Lots of extensions can be added this way including Asynchronous inclusion and script deferring. Lots of ad networks and hi traffic sites use this approach.

<script type="text/javascript">
(function(){ 
     var randomh=Math.random();
     var e = document.getElementsByTagName("script")[0];
     var d = document.createElement("script");
     d.src = "https://site.com/js.js?x="+randomh+"";
     d.type = "text/javascript"; 
     d.async = true;
     d.defer = true;
     e.parentNode.insertBefore(d,e);
 })();
</script>

Method 2 (AJZane’s comment)

Small and robust inclusion. You can see exactly where JavaScript is fired and it is less customisable (to the point) than Method 1.

    <script>document.write("<script type="text/javascript" src="https://site.com
    /js.js?v=" + Date.now() + ""><\/script>");</script>

More Related Contents:

  1. How to create a translucent in React Native?
  2. How do I create an HTML element with attributes and events using JavaScript?
  3. Maximum call stack size exceeded error
  4. How to show the “Are you sure you want to navigate away from this page?” when changes committed?
  5. Render basic HTML view?
  6. How to do a Jquery Callback after form submit?
  7. Get HTML5 localStorage keys
  8. Animate element to auto height with jQuery
  9. Method to show native datepicker in Chrome
  10. How can I let a user download multiple files when a button is clicked?
  11. Limit number of lines in textarea and Display line count using jQuery
  12. Force browser to trigger reflow while changing CSS
  13. Add/remove HTML inside div using JavaScript
  14. Capture frames from video with HTML5 and JavaScript
  15. How to auto-scroll to end of div when data is added? [duplicate]
  16. change src with javascript
  17. Passing a variable from node.js to html
  18. How do you listen / detect changes to an input value – when the input value is changed via javascript?
  19. Best JavaScript solution for client-side form validation and interaction? [closed]
  20. d3.js – v3 and v4 – Enter and Update differences
  21. Check if element is between 30% and 60% of the viewport
  22. How to vertically align all text in CSS?
  23. A plain JavaScript way to decode HTML entities, works on both browsers and Node
  24. how to display base64 encoded pdf?
  25. how to use jQuery ajax calls with node.js
  26. Is there a way to get innerText of only the top element (and ignore the child element’s innerText)?
  27. document.activeElement returns body in onblur handler
  28. How can I get the progress of a downloading ?
  29. Remove everything within script and style tags
  30. Getting a sticky header to “push up”, like in Instagram’s iPhone app using CSS and jQuery

Leave a Comment