Welcome to Scribd, the world's digital library. Read, publish, and share books and documents. See more
Download
Standard view
Full view
of .
Look up keyword
Like this
1Activity
0 of .
Results for:
No results containing your search query
P. 1
Introduction to Java Scripts

Introduction to Java Scripts

Ratings: (0)|Views: 30 |Likes:
Published by api-3745953

More info:

Published by: api-3745953 on Oct 15, 2008
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as PDF, TXT or read online from Scribd
See more
See less

03/18/2014

pdf

text

original

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
......Introduction to JavaScript
...........
...........
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Student Training Program

Technology Training Services
Cornell Information Technologies (CIT)
126 Computing and Communication Center (CCC)

255-8000
it-training@cornell.edu
Last updated: 7/23/01
Page 2 of 20
Introduction to JavaScript
Equipment / software

We will use Notepad on Windows 98 PCs, but any test editor capable of saving documents in plain-text
format will work. Any web browser can be used; we will use Netscape Navigator. Be aware, however, that
there are some browsers that would handle your code differently.

Handouts & class files
\u2022
Class handout: Introduction to JavaScript
\u2022
base.html
\u2022
cat.gif
\u2022
demo.html
\u2022
dog.gif
\u2022
family.gif
\u2022
hamster.gif
\u2022
harry.gif
\u2022
logoscroll.gif
\u2022
logostill.gif
\u2022
resources.html
Prerequisites
We will assume you have a working knowledge of HTML tags.
Introduction

In this class, you'll become familiar with some concepts and t erminology of JavaScript by creating some working examples. We hope you\u2019ll learn enough that you are able to use the materials referenced at the end of this handout on your own.

This course will NOT be dealing with programming fundamentals, or rigorous programming structures
within JavaScript. That topic is far too broad for a two -hour introduction to JavaScript. For more depth,
please try at the online tutorials listed in the references section at the end of this document or take Cornell\u2019s

course, CS 130 Creating Web Documents.
Page 3 of 20
We will use JavaScript to add the following features to your web page:
\u2022
Dynamically created HTML
\u2022
Pop-up boxes
\u2022
Mouse Rollover effects
\u2022
Menu
\u2022
Changing text in the status bar
\u2022
Various effects cutting and pasting from existing scripts
\u2022
Drop-down menu with links
Feel free to explore thedemo.html and take a look at the source code for the scripts we will be creating
today. Go to View > Page Source to view the code.
Introducing JavaScript

It's important to understand the difference between Java and JavaScript. Java is a full programming
language developed by Sun Microsystems with formal structures, etc. JavaScript is as c r i p t i n g language
developed byNetscape that is used to modify web pages. Most JavaScript must be written in the HTML
document between< S C R I P T > tags. You open with a <SCRIPT> tag, write your JavaScript, and write a
closing< / S C R I P T > tag. Sometimes, as an attribute to script, you may add \u201cLanguage=JavaScript \u201d
because there are other scripting languages as well as JavaScript that can be used in HTML. We\u2019ll go
through some examples to demonstrate the syntax of JavaScript.

To understand the workings of JavaScript, it is essential to understand a few basic programming concepts. JavaScript is object-oriented. AnO b j e c t in JavaScript is a resource that has specific characteristics known asp r o p e r t i e s and provides several services known asm e t h o d s ande v e n t s. An example of an object is

document, which represents the current web page and has properties such as location ( which stores the
URL location of the document) and methods such asw r i t e l n , which writes dynamically created html text
to the document.
Av a r i a b l e stores a value. It can be thought of as a labeled box, with the name of the variable as the label
and the value as the contents. The JavaScript statement:
varx= \u201chello\u201d;
assigns to the variable namedx the String value \u201chello\u201d.
varx=1;

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->