Starting JavaScript Part 2:

Here we are going to look at how you add scripts to your web pages, how and when the scripts execute and where to place those scripts. To insert JavaScript into a web page you use the script tags as shown below:

<SCRIPT>
JavaScript code goes here
</SCRIPT>

In order to hide the script from browsers that don't understand JavaScript the script code is usually enclosed in comment tags. The comment tags are here shown in red:

<!--This is a comment enclosed in tags //-->

The code would now look like this:

Notice the position of the comment tags they are inside the script tags. A common mistake is to enclose everything in comment tags which means your script gets completely ignored.

In addition for browsers that don't understand JavaScript (not many today) what will they see.. Not the results of the script! To cater for these it is normal to use the NOSCRIPT tag as follows:

<NOSCRIPT>
Your browser doesn't support scripts so you are missing this functionality you should upgrade your browser if you want to see what is really here.
</NOSCRIPT>

Specify the Scripting Language

Although we are only discussing  JavaScript here it is also possible to use VB script (Microsoft only). Most web browsers will use JavaScript as the default scripting language but you should specify it anyway. There are two methods of doing this:

You can specify it inside the opening script tag as follows:

or you can specify it for the entire page by using a meta tag as follows:

<META HTTP-EQUIV="Content-Script-Type" CONTENT="text/javascript">

which is placed at the top of the document between the header tags.

Implementing Scripts

There are two ways of implementing JavaScripts: Automatic and Triggered.

Automatic

Automatic scripts are run when the script is read by the web browser (see functions below) which means that the script must be located at the correct point in the HTML document.

You place it at the beginning if it is to be executed first, and at the end if it is to be executed last etc. The example below shows  script code inserted into the HTML document (highlighted) so that it prints out between two lines on plain HTML.

Click here and the script above will run in the frame below. Click here to reset

So the one way of running a JavaScript is to place it within the Script Tags in the HTML document at the location where you want it to run.

Internal And External Scripts

The script shown above was inserted directly into the HTML. This is an internal script and this form is commonly used for inserting small scripts. Large scripts are usually placed into an external file . This has the advantage that the script is:

• Effectively hidden from the user and search engines.
• Can be used by other web pages

Here is the example above replaced with an external script. Here is the html page:

and here is the external.js file

In this case the external file is only one line but it can be many hundreds.

• Starting JavaScript Introduction
• Starting JavaScript Part 1: Main Language characteristics
• Starting JavaScript Part 2: Placing and Adding Scripts on Web Pages
• Starting JavaScript Part 3: Triggered Scripts and functions

Web www.build-your-website.co.uk