Organizing Javascript in Include Files

Programming
C#
C++ (7)
Delphi (617)
Java (8)
JavaScript (31)
Document (8)
Events (8)
ExtJS (9)
Strings (3)
perl (9)
php (4)
VBScript (1)
Visual Basic (1)

Exchange Links

About this site

Links to us

See also:

Advantages of keeping Javascript in include files

New related comments
Number of comments in the last 48 hours

How to prompt the user with an inputbox in Javascript
2 new comments

Organizing Javascript in Include Files

This article has not been rated yet. After reading, feel free to leave comments and rate it.

Question:

I use javascript code on pages on my web site, most pages share the code and I need to update the code. How can I organize my site to make this update easier?

Answer:

If your javascript code is embedded in each html page then you need to do a search and replace across all html files. The first code snippet in the box below shows this scenario.

The second snippet assumes that you have a separate file named 'shared_code.js' in your www root directory and each participating HTML file just includes this file. That way you need to change only one file (/shared_code.js)
This include file does not need the <script> tags used within the original html document. The file name ending in '.js' tells the browser that the contents will be javascript. You do need to put the <!- ... //--> around the code though for browsers that don't understand javascript in case a user directly opens your .js file. The third part in the box shows how your include file should look like:

The following Javascript is embedded directly in the HTML pages:

<script language="javascript" type="text/javascript">
<!--

your script here

// -->
</script>



Better to do it this way in your HTML file:
<script src="/shared_code.js"></script>



and this is /shared_code.js:

<!--
var days=new Array(7);
days[1]="Monday";
days[2]="Tuesday";
days[3]="Wednesday";
//-->

Send a message to
Subject

Comments:

NEW: Optional: Register Login Email address (not necessary): Rate as	Hide my email when showing my comment. Please notify me once a day about new comments on this topic. Please provide a valid email address if you select this option, or post under a registered account.

	Show city and country Show country only Hide my location
You can mark text as 'quoted' by putting [quote] .. [/quote] around it.
Please type in the code:
Please do not post inappropriate pictures. Inappropriate pictures include pictures of minors and nudity. The owner of this web site reserves the right to delete such material. Add a picture:


	Search: