The actual script is in an external script file called "xxx.js".

This example declares a variable, assigns a value to it, and then displays the variable.

Then the variable is displayed one more time, only this time as a heading.

By pressing the button, a function will be called. The function will alert a message.

By pressing the button, a function with an argument will be called. The function will alert
this argument.

When you click on one of the buttons, a function will be called. The function will alert
the argument that is passed to it.

The script in the body section calls a function.

The function returns a text.

The script in the body section calls a function with two arguments, 2 and 3.

The function returns the sum of these two arguments.

This example demonstrates the If statement.

If the time on your browser is less than 10,
you will get a "Good morning" greeting.

This example demonstrates the If...Else statement.

If the time on your browser is less than 10,
you will get a "Good morning" greeting.
Otherwise you will get a "Good day" greeting.

This example demonstrates the switch statement.

You will receive a different greeting based on what day it is.

Note that Sunday=0, Monday=1, Tuesday=2, etc.

Explanation:

The for loop sets i equal to 0.

As long as i is less than , or equal to, 5, the loop will continue to run.

i will increase by 1 each time the loop runs.

Explanation:

i equal to 0.

While i is less than , or equal to, 5, the loop will continue to run.

i will increase by 1 each time the loop runs.

Explanation:

i equal to 0.

The loop will run

i will increase by 1 each time the loop runs.

While i is less than , or equal to, 5, the loop will continue to run.

This example tests if a string contains a specified word. If the word is found it returns the position of the first character of the word in the original string. Note: The first position in the string is 0!

This example tests if a string contains a specified word. If the word is found it returns the word.

The substr() method returns a specified part of a string. If you specify (2,6) the returned string will be from the second character (start at 0) and 6 long.

The substring() method also returns a specified part of a string. If you specify (2,6) it returns all characters from the second character (start at 0) and up to, but not including, the sixth character.

Try the link before and after you have pressed the button!

Links and Anchors

Click on a button to display that anchor in window 2!

The referrer of a document is the URL of the document that linked to a document.

In this case it is a frame page that is linking to this document. IE returns the URL of the frame page and Netscape returns the URL of the document linking to this document.

Click to see what element I am!

Learning how to access the DOM is....

You can use the form's number:

Or, the form's name (will not work in Netscape):

Click in the document. An alert box will alert which mouse button you clicked.

Click in the document. An alert box will alert the x and y coordinates of the cursor.

Note: Make sure the right frame has focus when trying this example!

Press a key on your keyboard. An alert box will alert the unicode of the key pressed.

Click somewhere in the document. An alert box will alert the x and y coordinates of the cursor, relative to the screen.

Click somewhere in the document. An alert box will alert the x and y coordinates of the cursor.

Click somewhere in the document. An alert box will tell you if you pressed the shift key or not.

Click somewhere in the document. An alert box will alert the tag name of the element you clicked on.

This is a header

This is a paragraph

Click on the document. An alert box will alert which type of event occurred.

Note: This example ONLY tests if the e-mail address contains an "@" character. A "real-life" code
would have to test for punctuations, spaces and other things as well.

This script automatically jumps to the next input field when the current field's maxlength has been reached.

Try to resize the frame.

Right-click inside the two frames and select "View Source" to see the source code.

Right-click inside the frames and select "View Source" to see the source code.

Right-click inside the two frames and select "View Source" to see the source code.

Right-click inside the two frames and select "View Source" to see the source code.

Right-click inside the three frames and select "View Source" to see the source code.

Before you click on the "Select multiple" button, try to select more than one option (by holding down the shift or Ctrl key). Click on the "Select multiple" button and try again.