Teach Yourself

              JavaScript 1.1  in a Week

                                  Second Edition

by Arman Danesh

C  O  N  T  E  N  T  S

Introduction

Chapter 1  Where Does JavaScript Fit In?

• Navigator Is More Than a Web Browser
  • Frames
  • Technology
  • Interactivity with Java and Java Script
• JavaScript's Place in Navigator
  • JavaScript Programs Are Built into Web Pages
  • JavaScript Gives Programmers Access to Browser Properties
• Java and JavaScript: Compare and Contrast
  • Using Java-A Complex, Complete Object-Oriented Programming Language
  • Using JavaScript: A Simple, Object-Based Scripting Language
• The Current State of JavaScript
  • Under Development
  • Supported by Sun
  • Endorsed by Many Companies
  • Potential Use in Different Products
  • JavaScript Today: Scripting for the Netscape Web Browser
• What Is JavaScript?
  • JavaScript Is a Scripting Language
  • Designed for Simple, Small Programs
  • Performs Repetitive Tasks
  • Designed for Programming User Events
  • Easy Debugging and Testing
  • The Java Glue
• JavaScript Is Object-Based
  • JavaScript's Object Model
  • A Comparison with Procedural Languages
• Working with Objects in JavaScript
  • Built-In Objects
• Strengths of JavaScript
  • Quick Development
  • Easy to Learn
  • Platform Independence
  • Small Overhead
• Weaknesses of JavaScript
  • Limited Range of Built-In Methods
  • No Code Hiding
  • Lack of Debugging and Development Tools
• Summary
• Q&A

Chapter 2  Your First Script

• Incorporating JavaScript into HTML
• Basic Command Syntax
• Command Blocks
• Outputting Text
• Stepping Beyond the Document Window
• Working with Dialog Boxes
• Interacting with the User
• Summary
• Commands and Extensions Review
• Exercises
• Answers

Chapter 3  Working with Data and Information

• Data Types in JavaScript
• Literals
  • Numbers
  • Strings
  • Boolean
  • The null Value
  • NaN
• Casting
• Creating Variables
  • Declaring Variables
  • Valid Variable Names
• Incorporating Variables in a Script
• Working with Variables-Expressions
  • Assignment Expressions
  • Other Operators
• Operator Precedence
• Testing a User's Response
• Applying Comparison: if-else Constructs
• Using if for Repetition
• Summary
• Commands and Extensions Review
• Exercises
• Answers

Chapter 4  Functions and Objects-The Building Blocks of Programs

• What Are Functions?
• Using Functions
  • Defining Functions
  • Passing Parameters
  • Returning Results
  • Functions in the File Header
  • The typeof Operator
• Putting Functions to Work
• Recursive Functions
• Building Objects in JavaScript
  • Defining an Object's Properties
  • Objects as Properties of Objects
  • Adding Methods to Objects
  • Extending Objects Dynamically
• Defining Your Own Objects
  • Properties as Indexes
• Arrays
• Functions as Objects
• Summary
• Commands and Extensions Review
• Exercises
• Answers
• From the Web:-- Dave Eisenberg's Calendar

Chapter 5  Events in JavaScript

• What Are Events?
• What Are Event Handlers?
  • this Keyword
  • Which Event Handlers Can Be Used?
• Emulating Events
• Using the onLoad and onUnload Event Handlers
• Web-Hopping with window.open()
• Resetting Event Handlers
• Events and Forms
  • Common Form Events
  • Other Form Events
  • Using Event Handlers with Form Tags
• An Interactive Calculator
• Summary
• Commands and Extensions Review
• Q&A
• Exercises
• Answers

Chapter 6  Creating Interactive Forms

• The form Object
  • Properties of the form Object
  • Methods of the form Object
  • Event Handlers for the form Object
• Working with Form Elements
  • The type Property
  • The button Element
  • The checkbox Element
  • The File Upload Element
  • The hidden Element
  • The password Element
  • The radio Element
  • The reset Element
  • The select Element
  • The submit Element
  • The text Element
  • The textarea Element
• Using Tables to Create a Calculator
• The elements[] Array
• Building a Multiplication Table
• The forms[] Array
• Prompting with Text Fields
• Summary
• Commands and Extensions Review
• Q&A
• Exercises
• Answers
• From the Web:-- Ashley Cheng's Ideal Weight Calculator

Chapter 7  Loops

• Loops-Basic Concepts
• The for and for ... in Loops
  • The for ... in Loop
• Using Loops to Check for Numbers
• The while Loop
• The break and continue Statements
• Creating a Game of Tic-Tac-Toe
• Creating Arrays with for Loops
• Summary
• Commands and Extensions Review
• Q&A
• Exercises
• Answers

Chapter 8  Frames, Documents, and Windows

• An Introduction to Frames
• The FRAMESET Tag
• The FRAME Tag
• Nesting Frames
• The NOFRAMES Tag
• Naming Frames
• Working with Frames in JavaScript
• Nested Frames in JavaScript
• Putting Nested Framesets to Work
• The document Object
  • The BODY Tag
  • Properties of the document Object
  • Methods of the document Object
• Using the document Object in a Color Tester
• The window Object
  • The location Object
  • Working with the Status Bar
  • Opening and Closing Windows
  • Pausing with Timeouts
• Creating a Status Bar Message Handler
• Colors in Navigator
• Summary
• Commands and Extensions Review
• Q&A
• Exercises
• Answers
• From the Web: -- Michael Yu's Civic Car Viewer

Chapter 9  Remember Where You've Been with Cookies

• What Are Cookies?
  • HTTP and How It Works
  • Cookies and HTTP Headers
  • Cookie and Set-Cookie
• Examples of How Cookies Are Used
• Cookies and CGI Scripts
• Using Cookies in JavaScript
• Storing User Choices in Cookies
  • The newCookie() Function
  • The getCookie() Function
  • The Body of the Document
• Encoding Cookies
• Building a News Search Page
• The navigator Object
  • Using the navigator Properties
• Summary
• Commands and Extensions Review
• Q&A
• Exercises
• Answers
• From the Web: -- James Thiele's Reminder Calendar

Chapter 10  Strings, Math, and the History List

• The string Object
  • The length Property
  • Methods of the string Object
• Creating Search and Replace Tools
  • The replace() Function
  • The search() Function
  • The space() Function
• The Math Object
  • The Trigonometric Methods
  • The log() and exp() Methods
  • The abs() Method
• Calculating Geometric Measurements
  • The circle() Function
  • Working with the Triangle
• Working with the History List
  • Properties and Methods of the history Object
• Summary
• Commands and Extensions Review
• Exercises
• Answers

Day 6

Chapter 11  Having Fun with JavaScript

• The Specifications
• Building the Application
  • The buildFace() Function
  • The randomFace() Function
  • The getRandom() Function
• Moving Beyond the Basic Script
  • More Than Four Choices
  • Building Faces in Multiple Windows
• Summary
• Exercise
• Answer
• From the Web: -- Michal Sramka's Matches Game

Chapter 12  Creating a Spreadsheet in JavaScript

• The Specifications
• What You Need to Do
  • Setting Up the Global Variables
  • The calculate() Function
  • The evaluateExp() Function
  • The saveExp() Function
  • The deleteExp() Function
  • The buildForm() Function
• Beyond the Basic Script
  • Improving Efficiency
  • Adding Title Fields
  • Checking for Errors
• Summary
• Exercises
• Answers

Chapter 13  Navigator Gold-A JavaScript Development Tool

• An Introduction to Navigator Gold
  • An Editing Environment
  • Drag-and-Drop Capability
  • Distributed Publishing
  • JavaScript Support
  • Tutorials and Guides for the Novice Developer
• The Relationship Between the Browser and Editor Windows
  • The Editor Window
• Creating an HTML Document Using Navigator Gold
  • Setting Up the Editor
  • Creating the File
  • Inserting the Image
  • Inserting a Horizontal Line
  • Inserting a Heading
  • Inserting Body Text
  • Creating a Link
  • Save the File and View It
• Developing JavaScript Applications in Navigator Gold
• Other Advanced Features of Navigator Gold
• Summary
• Q&A

Chapter 14  From JavaScript to Java-Looking into the Future

• Integrating Java into JavaScript-The applet Object
• Basic Java Concepts
• Incorporating Java Applets in HTML with the APPLET Tag
• Working with Java in Navigator 2.0
• The applets Array
  • The Java Environment
• From JavaScript to Java
• Communicating with Plug-Ins
  • The EMBED Tag
  • The plugins Object
  • The mimeTypes Object
  • The embeds Array
• Summary
• Q&A

appendixes

appendix A  JavaScript Reference Resources

• World Wide Web Sites
• Mailing Lists
• Newsgroups

appendix B  JavaScript Language Reference

• The anchor Object [C|2|3|I]
• The applet Object [C|3]
• The area Object [C|3]
• The Array Object [C|3|I]
• The button Object [C|2|3|I]
• The checkbox Object [c|2|3|I]
• The combo Object [C|I]
• The Date Object [C|2|3|I]
• The document Object [C|2|3|I]
• The FileUpload Object [C|3]
• The form Object [C|2|3|I]
• The frame Object [C|2|3|I]
• The Function Object [C|3]
• The hidden Object [C|2|3|I]
• The history Object [C|2|3|I]
• The Image Object [C|3]
• The link Object [C|2|3|I]
• The location Object [C|2|3|I]
• The Math Object [C|2|3|I]
• The mimeType Object [C|3]
• The navigator Object [C|2|3|I]
• The Option Object [C|3]
• The password Object [C|2|3|I]
• The plugin Object
• The radio Object [C|2|3|I]
• The reset Object [C|2|3|I]
• The select Object [C|2|3]
• The String Object [C|2|3|I]
• The submit Object [C|2|3|I]
• The text Object [C|2|3|I]
• The textarea Object [C|2|3|I]
• The window Object [C|2|3|I]
• Independent Functions, Operators, Variables, and Literals

appendix C  Glossary

appendix D  What's on the CD-ROM

• Windows Software
  • Java
  • ActiveX
  • Explorer
  • HTML Tools
  • Graphics, Video, and Sound Applications
  • Utilities
• Macintosh Software
  • Java
  • HTML
  • Graphics
  • Utilities

Credits

Copyright © 1996 by Sams.net Publishing

SECOND EDITION

All rights reserved. No part of this book shall be reproduced, stored in a retrieval system, or transmitted by any means, electronic, mechanical, photocopying, recording, or otherwise, without written permission from the publisher. No patent liability is assumed with respect to the use of the information contained herein. Although every precaution has been taken in the preparation of this book, the publisher and author assume no responsibility for errors or omissions. Neither is any liability assumed for damages resulting from the use of the information contained herein. For information, address Sams.net Publishing, 201 W. 103rd St., Indianapolis, IN 46290.

International Standard Book Number: 1-57521-195-5

HTML conversion by :
    M/s. LeafWriters (India) Pvt. Ltd.
    Website : http://leaf.stpn.soft.net
    e-mail : [email protected]

Trademarks

All terms mentioned in this book that are known to be trademarks or service marks have been appropriately capitalized. Sams.net Publishing cannot attest to the accuracy of this information. Use of a term in this book should not be regarded as affecting the validity of any trademark or service mark. JavaScript is a trademark of Sun Microsystems, Inc.

Acknowledgments

Writing this book has been a process that has involved many people. I particularly would like to thank the staff at Sams.net who worked with me in developing the manuscript: Kelly Murdock, Marla Reece, and Mark Taber and many others I am sure were involved.

I would also like to thank Gautam Das at the Bahá'í World Centre in Haifa, Israel, for reading sections of the book as I was writing it.

About the Author

Arman Danesh

Arman Danesh works as the Web Development Specialist at the Bahá'í World Centre in Haifa. He is also Editorial Director of Juxta Publishing Limited, based in Hong Kong. He received his Masters of Science in Mass Communication from Boston University in 1990. He has also worked as a technology journalist and is a regular contributor and Internet columnist for the South China Morning Post and The Dataphile. Arman lives with his wife, Tahirih, in Haifa, Israel.

Arman may be reached via e-mail at [email protected].

Tell Us What You Think!

As a reader, you are the most important critic and commentator of our books. We value your opinion and want to know what we're doing right, what we could do better, what areas you'd like to see us publish in, and any other words of wisdom you're willing to pass our way. You can help us make strong books that meet your needs and give you the computer guidance you require.

Do you have access to CompuServe or the World Wide Web? Then check out our CompuServe forum by typing GO SAMS at any prompt. If you prefer the World Wide Web, check out our site at http://www.mcp.com.

As the team leader of the group that created this book, I welcome your comments. You can fax, e-mail, or write me directly to let me know what you did or didn't like about this book-as well as what we can do to make our books stronger. Here's the information:

FAX:	317/581-4669
E-mail:	[email protected]
Mail:	Mark Taber Publishing Manager Sams Publishing 201 W. 103rd Street Indianapolis, IN 46290

Introduction

The World Wide Web has come a long way since its days as a modest hypertext system used by a few scientists to share information on the Internet.

Today the World Wide Web is the medium of information exchange for millions of people. They are sharing text, video, sound, and data, and increasingly, they are trying to make their Web pages interactive. Businesses are trying to sell their products, artists are producing new forms of interactive art, and programmers are producing program development aids-all delivered via the World Wide Web and accessed from inside everyday Web browser applications.

In many ways, we are in the midst of an information revolution with a move away from document-centric computing to a network-centric paradigm. Right at the center of this shift is Netscape Communications and its immensely popular Web browser, Netscape Navigator.

By incorporating Java from Sun Microsystems and its own JavaScript scripting language into the current version of the Netscape Navigator browser, Netscape has helped generate a flurry of movement on the World Wide Web aimed at creating interactive documents and information.

Java is a platform-independent programming language designed for distributed applications on the Internet. JavaScript presently enhances the functionality of the immensely popular Netscape Navigator Web browser, enabling Web authors and developers to produce content that changes in response to user actions-dynamic data that makes information more accessible and easier to organize and digest.

In this book we are going to take a look at JavaScript-the internal scripting language Netscape has developed and included in the Navigator browser.

JavaScript is an evolving tool, like so many tools associated with the Internet and the World Wide Web. Still, the future of JavaScript is sufficiently clear that many people have already developed sophisticated Web-based applications using the language.

Goal of this Book

As I mentioned in the Introduction, this book is designed to teach the JavaScript scripting language.

We start by taking a broad look at Netscape Navigator 3.0, the current version of the popular Web browser, which some estimates say commands more than 80 percent of the Web browser market. Following this, we take an introductory look at JavaScript and its relationship with Java and its place in the Netscape suite of Web development tools.

Once this is done, we will be ready to look at the nuts and bolts of the JavaScript language and learn how to apply them to real-world scenarios on the Web. JavaScript can be used to add a wide range of interactivity and functionality to Web pages including the following:

• Dynamic forms that include built-in error checking
• Spreadsheets and calculators
• User interaction in the form of warning messages and confirmation messages
• Dynamic changes to text and background colors
• The ability to analyze URLs and access URLs in a user's history list
• The capability to open, name, clear, and close new windows and direct output to specific frames

These types of functions already appear in numerous Web sites on the World Wide Web, and it is expected that the number will grow rapidly as JavaScript develops maturity as a programming language.

Throughout the book, you will have the opportunity to develop several small scripts that you can immediately use in your own Web pages.

Finally, we close with a review of the future of JavaScript and where it seems to be heading. We will consider Netscape's plans as well as announcements from other companies to include JavaScript in their products.

Who Should Read this Book?

The JavaScript scripting language naturally interests a diverse group of people, including Web designers and authors, programmers, and application developers.

Web Authors and Designers

This book is clearly of interest to Web developers and authors with experience using HTML and designing Web sites, including using Netscape extensions. Although basic knowledge of HTML is assumed throughout the book, any advanced or complicated HTML tags being used are introduced and described as needed.

Naturally, programming knowledge and an understanding of the Common Gateway Interface (CGI)-used for adding interactivity at the server end-is helpful in any discussion of Web development. However, it is not essential for learning JavaScript, and readers with a sound knowledge of HTML tags can follow the lessons in this book. By the end of the book, not only will you be able to write simple (and complex) JavaScript programs, but you also will have learned to use some of the newer Netscape extensions to HTML.

Others

Naturally, discussion of a programming language like JavaScript is not solely of interest to Web authors and designers.

Programmers looking to add the latest technology to their list of credits are increasingly interested in learning JavaScript. In addition, applications developers looking at Navigator 2.0 as an engine for deploying platform-independent graphical user interface applications will quickly find that JavaScript is going to play a critical role in implementing their applications.

Preparing to Begin

In order to take full advantage of this book, you will need several tools. A copy of the latest version of Netscape 2.0 or 3.0 is essential to develop and test program code. In addition, a good editing program that you will feel comfortable using will make the program development process easier.

Where to Obtain Navigator 3.0

In order to take full advantage of the lessons in this book, it is necessary to have access to a copy of Navigator 3.0 to try the examples and exercises for yourself. Navigator 3.0 is available for most computer platforms, including all versions of Windows, MacOS, and a wide range of UNIX variants including Sun OS, Solaris, and Linux. At the present time, there is no native OS/2 version of Netscape Navigator available.

If you need to download a copy of the current version of Navigator 3.0, you can get it from Netscape's home page at http://home.netscape.com/ or from Netscape's numerous FTP servers or their many mirrors:

ftp://ftp.netscape.com/
ftp://ftp2.netscape.com/
ftp://ftp3.netscape.com/
ftp://ftp4.netscape.com/
ftp://ftp5.netscape.com/
ftp://ftp6.netscape.com/
ftp://ftp7.netscape.com/
ftp://ftp.leo.chubu.ac.jp/pub/WWW/netscape/ (Japan)
ftp://sunsite.ust.hk/pub/WWW/netscape/ (Hong Kong)
ftp://sunsite.huji.ac.il/Netscape/ (Israel)
ftp://ftp.adelaide.edu.au/pub/WWW/Netscape/ (Australia)
ftp://sunsite.doc.ic.ac.uk/computing/information-systems/www/Netscape/ (United Kingdom)
ftp://ftp.informatik.rwth-aachen.de/pub/mirror/ftp.netscape.com/ (Germany)
ftp://wuarchive.wustl.edu/packages/www/Netscape/ (U.S.A.)
ftp://sunsite.unc.edu/pub/packages/infosystems/WWW/clients/Netscape (U.S.A.)

Editing and Development Tools

In addition to a copy of Navigator 3.0, a strong editor or development tool will make the task of entering, developing, and debugging JavaScript much easier.

If you already do a lot of HTML authoring or programming, you probably have your own favorite tools that will be well-suited to JavaScript development. As long as your editing software produces plain ASCII text files, you should be just fine.

However, several tools may make it easier to develop, edit, and trouble-shoot your JavaScript programs.

In considering editors, it would be worth looking at tools that can help you identify the current line number for debugging scripts. In addition, the ability to launch Netscape Navigator from an editor is a useful feature already found in many HTML editors. Most HTML editors are suitable to JavaScript development, although a few-including leading products such as HoTMetaL-are designed to perform validation of HTML and can't be used to develop JavaScript scripts easily

Conventions in this Book

This book uses certain conventions to aid you, the reader, in your learning process.

A new term is highlighted in italics or with this icon to clarify its meaning.

This icon appears next to a listing that you should enter to follow along with the author's lesson. A listing without an Input icon is for illustration or explanation only.

This arrow at the beginning of a line of code means that a single line of code requires multiple lines on the page. Many lines of code contain a large number of characters, which might normally wrap on your screen. However, printing limitations require a break when lines reach a maximum number of characters. Continue typing all characters after the as though they are part of the previous line.

Besides on-screen output, this icon is often used, in this book, to point to a figure that results from the preceding code listing.

The author offers detailed explanations regarding the parts and purposes of the code. (Hint: If you think you might not understand what the code is meant to perform, skip to this section before you input the listings!)

This book also uses monospaced fonts to denote terms, functions, keywords, variables, and so on, that are taken from or are part of the code. monospaced italics refers to a placeholder that should be filled in with the actual number, variable, or value represented. Typically, HTML code terms are in ALL CAPS, while JavaScript terms are in the case required by this case-sensitive language.