Click here to Skip to main content
65,938 articles
CodeProject is changing. Read more.
Articles / web / HTML

Include JavaScript Files with Automatic Versioning

4.00/5 (1 vote)
9 May 2013CPOL 16.8K  
Versioning file inclusion JavaScript by date of last modification

Introduction

In this tip, I would like to share how to prevent your browser from caching an older version of a JavaScript file included in a page.

You can set starting on the page that the browser not cache, but doing so is not optimal, because each time you load, the page will download the JavaScript file.

Using the Code

Let versioning file include JavaScript by date of last modification.

For this, we will need a method to perform this versioning LoadScript.

C#
public static string LoadScript(string url)
{
	string strFilePath = null;
	strFilePath = HttpContext.Current.Server.MapPath(url);
	DateTime dtLastModified = System.IO.File.GetLastWriteTime(strFilePath);
	return "\n<script language="'javaScript'" 
	type='text/javascript' src='" + url + "?v=" + 
	dtLastModified.ToString("yyyyMMddhhmmss") + "'></script>";
} 
  • HttpContext.Current.Server.MapPath gets the actual path of the JavaScript file
  • System.IO.File.GetLastWriteTime allows for the modification date of the file
  • dtLastModified.ToString ("yyyymmddhhmmss") becomes the modified date on a string of numbers unique

This method receives the JavaScript file path to include, and returns the HTML needed to be so, by concatenating the variable "v", which contains the last modification date.

The usage is the following:

C#
Response.Write(LoadScript("/Scripts/demo.js"));

or:

ASP.NET
<%=LoadScript("/Scripts/demo.js")%> 

The result will be the following line in our page:

HTML
<script language="'javaScript'" type='text/javascript' 
src='http://www.codeproject.com/Scripts/demo.js?v=20120403053547'></script> 

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)