javascript for the world wide web, 4 · ˆ ˘ ˇˆ ˙ ˛ˇ ˛ˇ ˛ ˘ ˝˙ ˛ ˚ ˆ form[1]...

28

Upload: others

Post on 29-Jun-2020

11 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: JavaScript for the World Wide Web, 4 · ˆ ˘ ˇˆ ˙ ˛ˇ ˛ˇ ˛ ˘ ˝˙ ˛ ˚ ˆ form[1] window[0] ˛ ˘ ˆ ˙˛ ˘ ˝ ˛ ˘ ˙ ˝ ˙ ˘ ! ˆ˝ ˛
Page 2: JavaScript for the World Wide Web, 4 · ˆ ˘ ˇˆ ˙ ˛ˇ ˛ˇ ˛ ˘ ˝˙ ˛ ˚ ˆ form[1] window[0] ˛ ˘ ˆ ˙˛ ˘ ˝ ˛ ˘ ˙ ˝ ˙ ˘ ! ˆ˝ ˛

Authorized translation from the English language edition of: JavaScript for the World Wide Web, 4th EditionBy Tom Negrino and Dori SmithPublished by Peachpit Press

Copyright 2001 By Tom Negrino and Dori Smith

����������������� ��2001�������1�2�3

���������������� �

��� 863 �����52108�

�����1-700-700-212�������03-5746513�

�������������http://www.focus.co.il�������������[email protected]

������������������������������� ���

�����03-9021902�������03-9025758�

������� ���� ��������������������������

��������� ������������������ �

������������ ������������ ������������������ � 2001

������������������������������ ��������� ����������� ��������������

������� �������� �������������������� ����������� ������� .

����������� ���������� ������ ���������

��������������� ����� ��������������� ���������� �����

������������������ ���������������www.silvia.co.il�

����� �!��������

���������S��������� �����������������������

��������239-351�

������������������ ���������������������������� ����� ���������������������������� ������������ ���������������

������� ������ ��� ���� �� ���� ���� ��� �� ��� ��� � ������ ������ �� � ���� ������� ��� � ���� ��� ����� ��� ������ ������ ���

��������� ���������������������� ���� ��������� .

Page 3: JavaScript for the World Wide Web, 4 · ˆ ˘ ˇˆ ˙ ˛ˇ ˛ˇ ˛ ˘ ˝˙ ˛ ˚ ˆ form[1] window[0] ˛ ˘ ˆ ˙˛ ˘ ˝ ˛ ˘ ˙ ˝ ˙ ˘ ! ˆ˝ ˛

� �����������

.............................................................................................. �� ��

�� ............................................ ����������������������������� ������

�� .........................................................................................��������� �������� .....................................................................�������������������� ������

�� ...............................................................................��� ������ ��������� ���� .............................................................................................�������� ������� ............................................................................................... ������ ��������� ...............................................................................................�������������

�� ..............................................................................................� ������� ���

�� ....................................................................................... ��������������� �

�� ...................................................................... � �������� ������

� .............................................................����������!�!��������������� �"�

# ....................................................................................����������������� � .............................................................................................�������� ���

$ ....................................................................................����������"������

�� ......................................................................................����������������

� ................................................................................�����������!"�������

�# .................................................................��������������������!"�������

�� ....................................................................................................%�!�!������&�$ ................................................................................................... ����������&#� ......................................................................................�� ��������������## ............................................................................................�� ������������#� ................................................................����� ����� ������������ ����!�

�� .........................................................................................................��������

Page 4: JavaScript for the World Wide Web, 4 · ˆ ˘ ˇˆ ˙ ˛ˇ ˛ˇ ˛ ˘ ˝˙ ˛ ˚ ˆ form[1] window[0] ˛ ˘ ˆ ˙˛ ˘ ˝ ˛ ˘ ˙ ˝ ˙ ˘ ! ˆ˝ ˛

� � � � � � � � � � � � � � � J a v a S c r i p t �

� .......................................................................... '!��!" �����������������

�$ ......................................................................................���������������!��

!� ...........................................................����������������� ������

� ..................................................................................................��������������� ................................................................................��������������������������$ ...................................................................................'!������������������

�� ....................................................................................��������������������

� .....................................................................!" ��������������������������

�� ....................................................................................������������������!���$� ......................................!�"������������������������!!�����!���������������

$� ..........................................................��������������!!�����!����������������

$� ......................................................................................�����&"����&����������� ............................................................................�����&"����&���������������� ............................................................�������%�������&������&"��������

��# ................................................................... �����&"����&����������������

��� .....................................................................................�������������������

��� ..........................................................................�������������������������

��� ..................................................................................... �� �� �������������� ......................................................................... ��� �� ������������������$ ...................................................................... ���������������������������

��� ................................................................. ������ �%�� �������������������

��!...................................................������ ����������"����� � ����

��� ................................................................................������(�"��'!������� � .................................................................................... �����)����'!�(��� � � ..................................................................................�����)������ �(��� � � ................................................................................................ ������������� ......................................................................�����!���������������������

��� ........................................................................... ������%������������'������� .....................................................................................��������!���%�" �#� .........................................................................�" ���������������������## .................................................................................. ���������%�!�!�����&

Page 5: JavaScript for the World Wide Web, 4 · ˆ ˘ ˇˆ ˙ ˛ˇ ˛ˇ ˛ ˘ ˝˙ ˛ ˚ ˆ form[1] window[0] ˛ ˘ ˆ ˙˛ ˘ ˝ ˛ ˘ ˙ ˝ ˙ ˘ ! ˆ˝ ˛

� � � � � � � � � � � � � �

���...........................................................���������� ������ ������

��� ........................................................................................... �����������

��� ............................................................................ �������������������

��� ................................................ ���������������������������������

��� .................................................................................................... ������

��� ....................................................................................����������������

��� .............................................................� ���� ��!��"��"�����"� �����#�

��� .................................................................................................... ��������

��$ .............................................................................................����������#�

��� ...................................................................................... ������������#�

��� ........................................................................ ���������������������#�

���......................................................................... ��������� ������

��$ ............................................................................................ �����������

�$� .....................................................................................���������������

�$� ........................................................................................ ��� ����� ������

��� ............................................................................... ��� ����#��"������

��� ............................................................................... ����"���������������

��$ ......................................................................................... ��������������

��� ........................................................................ ��������������������

���........................................................... ������� ������ ���� ������

��� .......................................... "������"������"����������������������

�%� .............................................................................................&���"������

�%� ...............................................................................................�'����&��

�%$ ...............................................................................................�#����'���

��� ................................................................................. �'�����������#��

��� ..............................................................................�'������������#��

���............................................................ �������� ��������� ������

��� .................................................................... Web�(��������������������

��� .............................................................................................."����"������

��� ..............................................."��������� �����������������������#�

Page 6: JavaScript for the World Wide Web, 4 · ˆ ˘ ˇˆ ˙ ˛ˇ ˛ˇ ˛ ˘ ˝˙ ˛ ˚ ˆ form[1] window[0] ˛ ˘ ˆ ˙˛ ˘ ˝ ˛ ˘ ˙ ˝ ˙ ˘ ! ˆ˝ ˛

� � � � � � � � � � � � � � � J a v a S c r i p t � #

�#� ....................................................................... %�&����& ������������ ������

�� ........................................................................AM / PM��*� ��*�%�&�����

��� ....................................................................................... ��" ��������������� ....................................................................................����+ �, ����!�����!������ ......................................................... �������!��)���)���)�������������

��� .................................................................................................. Date������

�$�.......................................................................�������������� �����

��� ........................................................................................ %��"������ ���������� ........................................................................................ ��������� ��������$� .......................................................................................��������� ������� �� ........................................................................................��������� �������

�%�.............................................................�������������������� ��%����

�� ........................................................................... )������� ��������������

�� ..................................................................................................������� ��� � ......................................................................................... )���������������

�# ............................................................................... ����������������������

�� ................................................................................................����������"� �� ....................................................................................... ������������������

�� ......................................................................... *New to You*����!�������

��............................................................................ CSS���� �������

� .............................................................................................CSS���������� � ............................................................................................ %������ &����� # .......................................................................................����"�����������

� .....................................................................................CSS����������������

�� ........................................................................................... )���ID�����!�

�� .............................................................................................��"����������� �� .............................................................................................��!�����������

�$ .......................................................................................��"���%�� �������

Page 7: JavaScript for the World Wide Web, 4 · ˆ ˘ ˇˆ ˙ ˛ˇ ˛ˇ ˛ ˘ ˝˙ ˛ ˚ ˆ form[1] window[0] ˛ ˘ ˆ ˙˛ ˘ ˝ ˛ ˘ ˙ ˝ ˙ ˘ ! ˆ˝ ˛

� � � � � � � � � � �� !

���.................................................................. DHTML����� ��� �������

#� ..................................................................... DHTML����*�����*������!�!

## ..............................................................................��!�������������� ��&&�

#$ ..............................................................................��!�������������� ��&&�

�� ..............................................................................��!�������������� ��&&�

�� ..............................................................................��!�������������� ��&&�

�� ........................................................................ ��!���������������� ��&&�

�# ........................................................................ ��!���������������� ��&&�

�� ........................................................................ ��!���������������� ��&&�

�� .................................................................................... DHTML������&&�

�# ............................................................................DHTML�����������������

�� ........................................................................................DHTML��������

$� .................................................................................DHTML�������&������

��................................... ������������������������������� �������

$� ...........................................................................................��"����������� $� ............................................................................................��������������

��� .....................................................................................................������� ����� .............................................................. �������������"�����������!�

��.................................................��������������������������� �� ����

��� ...................................................................................�����"�js�(����������

��� ................................................................................��������������������

��� ....................................................................................����������������"�

��� ....................................................................................��!�������������"�

�................................................................................������� �������

��� ................................................................................. )������� ����������

�� ...................................................................................'!������������������

��# ................................................................................... Web����"������������ ..................................................................................................����������"

�#� .............................................................................................. �������������

�#� ......................................................................ISO������������������������

Page 8: JavaScript for the World Wide Web, 4 · ˆ ˘ ˇˆ ˙ ˛ˇ ˛ˇ ˛ ˘ ˝˙ ˛ ˚ ˆ form[1] window[0] ˛ ˘ ˆ ˙˛ ˘ ˝ ˛ ˘ ˙ ˝ ˙ ˘ ! ˆ˝ ˛

� � � � � � � � � � � � � � � J a v a S c r i p t � $

�## ................................................................................Hex��RGB����������

�#� ..................................................................................................�����������#� ............................................................................................ �������%���"�

#�.......................................................... ������&������������ ��� ��#����

��� .............................................................. ���� �&����������������"���������

��� ..............................................................Dreamweaver������������������

��� ..........................................................Adobe GoLive�������������������

��� ............................................................Fireworks�����������������������

�� ..................................................................Dreamweaver�������� ��� ��

$!................................................................�'��������������� ��!����

��� .......................................................................�� ����������������������&��

��$ ......................................................................�������� �������� ��������

�$� .............................................................................................. ��������� ����$$ ................................................................(�������������������" �����

#�� ............................................................................ �" �%��"���������������

#�� ....................................................................�" �%��"��� �������!��������

� �%!...........................................................����������������������������

� ���.................................................�����������������������������������

� ��!........................................................................... ����CSS2���������

� �....................................................................... ��� ������������ �����

� ���...................................................................................������������

Page 9: JavaScript for the World Wide Web, 4 · ˆ ˘ ˇˆ ˙ ˛ˇ ˛ˇ ˛ ˘ ˝˙ ˛ ˚ ˆ form[1] window[0] ˛ ˘ ˆ ˙˛ ˘ ˝ ˛ ˘ ˙ ˝ ˙ ˘ ! ˆ˝ ˛

� ����

����� ������ ��� �� �� ��JavaScript�� ������������ ���� ���������� ������ ��� Web��� ������ ����� � ����� ��� � ��� ��� ��� �������������� ���������� ����������� ���� ������ ��� ���� �� �� �

������� �� ��� ���� �� �� ��� ������������ ��� �� ����� ���

� ���������������������� ����

� ���������� ��������!� ���� ��� ������������ ������ � ����� ���� ��� � � ��� ���

�� ����� �����Web� ���� ���HTML� ����� �� �� ! �� ����� �� � ����������� ��� � ��� � ������� � ���� ������� ������ ��"����������

����� ����������"�� �� ������ ���� ���������� ������� � ���

���� ������� ��������������������������������HTML������������� ���� ��� �Web� ����� � ��� �� ������ � ��� �� � ��� � ������ �� ��(Links�����������"��HTML����� ������ � ����� "���

� �(Frames�� �������(Forms����������Images�

�����������"����HTML���� ����� �������������������������� � ��� �� � ����� ��� ��� ��� ��� � ��� ��� � ��� �� !�� ��� ��

� �� � ����HTML

�� ��������� ������������� ���� �������������������� �����������

�� ���� ����� ���������� ���� ������������������� "������

����� � ��� ��� ������� ����������� �� � ����� ����� � � ���� ���

�� ���� ����� �!��� �"��� ����� �� �� � ����� ��� ��� " !��� � �� ��

�������� ���!�� ���� � ��� � ���� � ��� ���� � � �� ��#�� ����

Page 10: JavaScript for the World Wide Web, 4 · ˆ ˘ ˇˆ ˙ ˛ˇ ˛ˇ ˛ ˘ ˝˙ ˛ ˚ ˆ form[1] window[0] ˛ ˘ ˆ ˙˛ ˘ ˝ ˛ ˘ ˙ ˝ ˙ ˘ ! ˆ˝ ˛

� � � � � � � � � � � � � � � J a v a S c r i p t � ��

��� ���������������������������������� ���� ���������������

������������ � ��� �������� ����� ������"!���� ���������� �����

� ���� ���� ��� ����� ��������������

� �� ���������������������������� ��� � ��� ������ ������� �!�������� ������� ���� �����

� ��������������������������������������������������������

��������������� ���!����! ����!�������!��������� ������������

��� �"��� ��� ��� �� �� � ���"��� ������ ���� ������� ��"���

� �������������HTML���������� � �������� ���� ����� �������� ������������ ���!� ������!��� ����

� $��"��������������������������HTML����� !�� ������ ����"�������

����� ����

����������HTML������� "��� ������������� ����������������� ������� �����HTML����� "���������������������������� � ���� ������� ����������� �� ������� ��� �� ��� ��� �

���"���� ������ ������ � �� �������� � ������ � �� ��� ���� �� �� ����

��� �� �� ��� � ��� ����� ���� ��� �"���� ���� ���� "!��� ���"��� ����

� �� ����� � �� "���������������������������� �����������

����������������������� ����������� �� �!������� �������

���� ���� ������� ������ � ����� ���� ��� ������� ��� ����������

��� ������� � ���������������������������������������������

����� ����� �� ����� ���� �� � !�� ��� ���� ���� ��� �� �����

���"����������� � ��!�����������"�����������������������������

� $��������������������������� " !�������! �

�������� ������� ��������� ��������������� ������������� �� ���!"��#�

������������������$�������������%���"��������"������� ��#���������������%

�� ���!"��#����������$����$���$��%�&� ����'��"�!�����(���%�)������*����%

��#���� ����+�,��"�#���,�� ������"���������������+�"��"�������������

����-��������������.���

Page 11: JavaScript for the World Wide Web, 4 · ˆ ˘ ˇˆ ˙ ˛ˇ ˛ˇ ˛ ˘ ˝˙ ˛ ˚ ˆ form[1] window[0] ˛ ˘ ˆ ˙˛ ˘ ˝ ˛ ˘ ˙ ˝ ˙ ˘ ! ˆ˝ ˛

� � � � � ��

� ������������� �� �� � �� ����������� �� �� "����� ��� ������� �� � ��

������"������ ������ ������������ ���#����������� ����� ��

��� ��� ���� �����"�� ��� � ����� � ����� �� �� �� ��� ���

����� ���� � ���� � � ���� � � ���� ��� ����� ��� ��������� �� � �

� �� � ��� ��� �������� �������� �� � ��� ��� � ����� � ���

� �� � �����OS���������������������

�� ����� ���� ����� ������ � ������ ��� ���� ������� ��������

����� ����� !�����������������������������"��� ��� ���������

�� ������ ������������ ��� ������������������ �������������� �

��� �� ����� ���� � ������ ����� ����� ���� ���� �� �� ��� ������ ���

��� ���������������� �������������� ��! ������������������ ����

������������������ ������ �������������������� ��� ��� ���� ���

�� �� ��� ��� ����� ��� � �� � � ���� ���� ���� � !���� �� �

� �� ������������������������������ ���� ����"��

���� ������������������� ������������������� �����������!���

����"� ���� ����� ���� �� �� ���� ��� ������ ���� ����� ���� ���

� $� ����� �� ����������������

���� �� �� �����"�� � �� � ����� ��� ���� ��� � ������� � ���

� �UNIX������ ���������"��� � ����������

��������� �� � ��� � �� � ����� ��� ���� ��� � ������� � ���

� ����� ��������������"��%&����������������

����&��������� �� � ���� ��� ���������������� �������� ���

� �� � ����OS����������������� �����������"

��� ���������"���� �������������������� ���������!������ �����

���X���%������"�'��������������� ������������������������������ ���� �� ����� �����"� �!�� ����� ��� '��������OS� ������ ������ ������� ������"���� ������������������������������������

��� � ����iCab��������� � �������"����������������opera 5����������� �������������������� �����"�� � ���� ��Mozilla� ������������������ ������"����� ����� ������������� ��������������())*

����� ������� Mozilla� ��� ������ �������� �� ����� �� ��� ��� ���� ��������������������������"��� �������������������������������

������

����

Page 12: JavaScript for the World Wide Web, 4 · ˆ ˘ ˇˆ ˙ ˛ˇ ˛ˇ ˛ ˘ ˝˙ ˛ ˚ ˆ form[1] window[0] ˛ ˘ ˆ ˙˛ ˘ ˝ ˛ ˘ ˙ ˝ ˙ ˘ ! ˆ˝ ˛

� � � � � � � � � � � � � � � J a v a S c r i p t � ��

�� ��������� ���������"��� ���� "������� ��� �� � �����������

���� ���������������"������ ������ ���� �������"������������"

������ �� � ���������������� ����������� ������������� � ��� �

����� ������ ����� � ����� ��� �� �� ������ �����"�� ��� ������ ��

��� ���������������� "� ���� �� ����� ������ ������� ����� �

�� !����� ����������� �� � � � � ��� ����� �� ������ �� ���

��������!� �������� ������������������������������ !����������

� � ����� ��� ������� ������� �� � ���� ���"�� ������ ����� �!�� ���

� �����������"���"�� ��������������������� ����� ��� ���

� ������������������������������ ��������� !���� ��������� � �������������� ������

����� ����� ����� �� � ����� �� ���� "�� ����� ���� �����"��������

�������� ���� � ��� ������ ��� ��������������������������� ��

�� �!�������������������� �� � ��������������� �������������������

��� ����������� ������� ������� ����������� ������ �������

����� ����� ��� ��� ����� � ���� ��"� � �� �� � ���� �� � ��� ����

���� ����������������� ������())*���� ����������� �������� �� �

� �������

� ��http://www.javascriptworld.com�$�����������������������!��

�������������"����� ��������� ���������������������� ����

��� ���� !����������� ����������������� ������"���� ����������"�

��"���� �� � �� � ����� �� ��� ����� ���"������ ! �� ���������

�� �� ��� ���+�������������� ���������"!�����!������+�����������

�� ����� ������� �� � ��������� !��������������������� �����

����� ���������������+����������!���������� ������������� ��

����� �� �"��� ����� !���� ���� �HTML� !���� �� ����� ���� ����������FAQ��� ������ ����������������� ����������

� �����������

���� ������ ����� �� ������ ����� ��!�� ���� FAQ��� ��� ��� ����� �����"�� � �!���� ���� �[email protected]� $������� ����� ���������"��������� ��������� �������� �� ����� ��������� �����������

�� �������� ��� ������������ ������������������������������

� ���������� �� ����� �!����������� ������ �������

Page 13: JavaScript for the World Wide Web, 4 · ˆ ˘ ˇˆ ˙ ˛ˇ ˛ˇ ˛ ˘ ˝˙ ˛ ˚ ˆ form[1] window[0] ˛ ˘ ˆ ˙˛ ˘ ˝ ˛ ˘ ˙ ˝ ˙ ˘ ! ˆ˝ ˛

� � � � � ��

���������� ���� ���� ��� ����������������"��������� ��� ���

���� ������������������������� �������!��� ��������"���

���*,$))������� ���)-�.-***/)���� ���� �����������!�����������

�$������� �� ��� ���� ������ ����� ��� �#�� ��� #�� � � �� ()$))

� �[email protected]

� �������������� �������� ��������������������������������� �� ��������� �����

���������� ����������� �!�������� ��� ����������������

��� �� ��� ����� ������ ��� ���� � � ������ � ��� �"� � ����� ����� ���

������������������������ ���������� ��� ����������������

� ���� �� � ��� ��������

����������� ����������������������������!��� �����������������

������ �� ����� !�� ���� ���� ���� ������������ ��� ��� �������

� ���������� ��� !��������������������������� �"���� � ��������������

Page 14: JavaScript for the World Wide Web, 4 · ˆ ˘ ˇˆ ˙ ˛ˇ ˛ˇ ˛ ˘ ˝˙ ˛ ˚ ˆ form[1] window[0] ˛ ˘ ˆ ˙˛ ˘ ˝ ˛ ˘ ˙ ˝ ˙ ˘ ! ˆ˝ ˛

����������������

� ������������

������ ������ HTML ��� � ��������� ���� ������� ������ ����

����������WWW��World Wide Web��������������������������

��������������������������������������HTML����������

� �Web������������������ ������

��������������������������������������������������������

�HTML� ��� ������ ������ ����� �� ����� ���� ���� ���� ���

� ������������� ����������

������� ���� ������ ������ ������� ������ ���� ��������� ������� ���

������� ����� ��� �������� ��� ����������� ����� ����� ��

��������� ����� ���� ����� �� ����� ���� ������� ������ �� HTML�

��������� ������� ������ �� ���� ���� ��� ��������� ��� �����

� ���������������������������������

����

Page 15: JavaScript for the World Wide Web, 4 · ˆ ˘ ˇˆ ˙ ˛ˇ ˛ˇ ˛ ˘ ˝˙ ˛ ˚ ˆ form[1] window[0] ˛ ˘ ˆ ˙˛ ˘ ˝ ˛ ˘ ˙ ˝ ˙ ˘ ! ˆ˝ ˛

� � � � � � � � � � � � � � � J a v a S c r i p t

� ��

������ ���� ��� � ������������ ��������������� � ������� ������

� ���������������������������� ������ � ������������������� � �

� � �� ��������

� ������� ������������ �� ���� ��� �� ���� �� ������ ������ ���� �� � ����������

���� �������� ����� ��� ���� ����� ������� � ����� �������������� ������

������ ��������� ������ ����� ��������� �������� ����� ���� �� � ���

����� ������� ����� ������� ���� �� ������ ������������ ������

��������� �������� ��� ������ � ��� ����� ����� ����� ��������� ���

� ��� ��� ���� ��� ������������ ������� ������� ���� �� � ���!�

� ������������������������!� �� � ���������� � ���� ����������

�����!� � ������������ ���� � ���!�� ��� ����� �� �� ����� ����

��������� � ��� ��� ������ ����� � �� ���� ���� � �������� ���� ����

������������� �������������������� ����������������������������

� "�� ���� ���������������������������

http://www.javascriptworld.com.

Scripting������������������������������������!��� ����� ������������� ���� !� �������������������������� ��� ���� � �Language�� �� ����� ��� � ��� ���� �!� � ��� ������� ����� ��������� �����

��������� ���� ����� ���� ������� �� � ������������ ���� � ������

�Tags�� ������� ��!�� �������� ���� � ���� �� �!��� �HTML#�� ���� ���� ���� �� ���� ����� �� ����� � ���� ��� ����� ����� �� � $SCRIPT%������ ������� $SCRIPT%� ������ ����� � ����� ����������� � ������� ������� ����� ��� ��� ������� � ��� ��� �� ����� ����� $HEAD%#

������������������������ ������$BODY%# �����������������������

������ ������ ����� HTML� ������� ���� ��������� ��� ����� ����� �&�&��������������$BODY%#

�HTML� ��������� ����������� ������HTML# � ������������ �������������� '������� ���� � ��� ������HTML� ����� ������� ������� ���

� ���������������� �

Page 16: JavaScript for the World Wide Web, 4 · ˆ ˘ ˇˆ ˙ ˛ˇ ˛ˇ ˛ ˘ ˝˙ ˛ ˚ ˆ form[1] window[0] ˛ ˘ ˆ ˙˛ ˘ ˝ ˛ ˘ ˙ ˝ ˙ ˘ ! ˆ˝ ˛

� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � ��

� ������������Hello Cleveland!�������� �����������������������������

����������� ��� ����������������� ������������ ��!��"�

�#��$%��&&&�&�� �'��(�#�)!��! �*�+�+�,

���� ,

��-�,

���� ,���*!.��/��$����!!����� ,

���-�,

������0�� �(1������,

���,

���������� �����������������������������������

��������� !"��#�$�%%�&��%�'�%(��)�*

���������

����,

������,

����� ,�

� � ������ ��������� ������������ ��� ����������� ��� ������ ����� ������ ����� ������ ������

�������� ����������������������������������������� ����������� �

� ������������������������� ���!

�������������� ���������������������������������������������

�����������������!�� ������� ������ �����������������������������

������ ��������� �������������� ������������������ �����!��������

� ���� � ����������� ��� ������� ������ ���� ��

� �&�&������ ��)�(Rollover�������

������� ���� ��� ������������ ���� �� ����

� ��������������� ����������� ������������ �

���� ����� � �� ���� � � ���� ����� ���!�� �����

������ ����� ��� ������!� ������� ���� �����

����� ����� ������!�������������������

� ���� ����������� ������������

������� ��� ������ ���� � ��

���������� ����������

� ������������������

� ����������

Page 17: JavaScript for the World Wide Web, 4 · ˆ ˘ ˇˆ ˙ ˛ˇ ˛ˇ ˛ ˘ ˝˙ ˛ ˚ ˆ form[1] window[0] ˛ ˘ ˆ ˙˛ ˘ ˝ ˛ ˘ ˙ ˝ ˙ ˘ ! ˆ˝ ˛

� � � � � � � � � � � � � � � J a v a S c r i p t

� ��

�������� ��� ������ ������ �� ��� ������� ����� ��� � ���� ����

��� ���� ��� �(Client side programs)� ������ ��� ����� ����

���������� �������������������CGI’S������������������

� �(Server side programs)� �����

�HTML� ���� ����� ����� ����� ������ ��� ��� ��� �� ���������� �

��� �� ����� �� � ����� �������� ����� ������ ������� ������

������� ���� ���� ��� ���� �������� ������ ������ � ����� ���

����� ������� � �� ����� � ���� ����� ������ ����� ���� ������

� ��������������

���� ������� ����� ��� ��Browser�� ������� �� ����� �� ���������

������� ���� ������ ����� ����� ������ ������� � ��� ����

� ������������Status Bar������� ���������

����������������������������������������������� ��������������

� ����������Time Stamps���������������������� ������� �

� ������� �� ����� ���������� ����� ���� ���� ������ ������

�� �� �� �� ����������� ������� ���� ������ �� ������ ���� ���

���� �� ��� �Plug-in�� ���� ����� ������� ��� ������� ���� ����

����������� ����������������������� ��� �� �����������������

� ���������

� ������������ ������������������ ���� �� ������� ���� ��� ����� ����������� ����� ��� �

��������������������������������� ������������Java��������

��C++ � C� � ���� ����� ������ �������� ����� �� ����� ����

��� ���� �� ����� ��� ������� ������� ����� ��� ���������������

����� ������ ������� ������� ������ ����� � ��� ���� �����

���� � ����� �������� �� ��� ����� ���� � ����� ����� ���������

��� ��� ����� ����� ���� ������� ���� �������� ���� !����� ����

��������������������������������������������� ����MacOS������������ � ���� � ����������� ���� ������ ����������

������ ���� ���� ������� ��� ������ ����� ����� �������� �����

�������� ��������� ����� ������������ ������������������

�� ����������������������������������������������SUN������

�������� ��������������� �����������������������������

� �����������

Page 18: JavaScript for the World Wide Web, 4 · ˆ ˘ ˇˆ ˙ ˛ˇ ˛ˇ ˛ ˘ ˝˙ ˛ ˚ ˆ form[1] window[0] ˛ ˘ ˆ ˙˛ ˘ ˝ ˛ ˘ ˙ ˝ ˙ ˘ ! ˆ˝ ˛

� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � ��

��Applets�� �������� !������ �� � !��� � ���� ����� ����� � ����� �������� � �������� ���� �� ����� ������ ������ �������� � � ���������

� �� ���������������������������� ������� ��������������� �� ��

�������� ���� ���������

���� ��� �� ����� ���

� ����������� ������

�Embed�� ������ ��

������ ���� ��������

����� ��� ���� �������

�APPLET� ������ �����

� ����������

������� ����� ����� � ����

���� ������ �� � APPLET�������� ����� ���������

���� � ���� ���� ��� �

����� � ������� �����

� �&�(������

� ������ ���������� �������

� )����������� �������������������������������������������������

�������� ��� ������ ������� � ������ � �!�� ��� ������ ����� � ��

� ����� �������������� ���!����"�� ������!�

�������� ��������� ������� �������� ��������� ���� � �������� ����

�������� ����� ������ ����� �� � �������� � ���� ��� ���������

��!��� �������� ������� ���� ���� ����� ����� ����� �LiveScript���� �����������������������!� ��������� ����� ���� ��� ��!��

���������� ��� ���� �� ������ ����� �(�*� ���������� ������ ��� ���������

�(LiveScript)� ������� ��� � ��� ��� ��� ����� ��� �������� ���� ���� � ����� ��� � �� �� ��!�� ������ ���� ��� �����������

��������� ������������������������������ �����������������

���!��������������������������!������������������������ ������

� ����� ��!���������������������������������� ������ ��

� ���� ������ ����������� �����������!������� ������

��������������������������� ���� ������������� ��

����������������� ���������������� �����������

���������������������������������������������

� ���������������

Page 19: JavaScript for the World Wide Web, 4 · ˆ ˘ ˇˆ ˙ ˛ˇ ˛ˇ ˛ ˘ ˝˙ ˛ ˚ ˆ form[1] window[0] ˛ ˘ ˆ ˙˛ ˘ ˝ ˛ ˘ ˙ ˝ ˙ ˘ ! ˆ˝ ˛

� � � � � � � � � � � � � � � J a v a S c r i p t

� ��

� ������ ������������ ���� �� � ����������� "�� ���� ������ !���� ���� ���� �

� �� �Object Oriented Programming Language�� �������� ������ ) ����������������

� ������ ���� ���� ���� �� � �������� �Objects�� �������� ������ �!����� ��!�������� � &�+� ����� ���� ���������� ����� � � ��������� ��!�� ���!

����������� ���������� �������������������������������� ������

����� ������ ��� ��������� Forms�� ������ Windows�� �� �� "����� �&�,������ ��)�(Check Boxes��������������Buttons�������

�� �������� ���������������������������� ������ ��

��������������������������������� � ���������������������� ��

� ������� ���������������

����!�� ������ ��� �!�� ���!�� ������ ������������ ������� ���� � ���

���������� ����� ����� ����������������� ���� �� ������� ���� ���� �!�

������� ��� �����������'����(���!�&���!������������������!� ����!

������ ���� ����� ���!��� ��� � �� ���!� ����� ���� � "���� ������ ���

������������� ���������������������������������������! �������!� �

� ����!������������������������� ���������

Page 20: JavaScript for the World Wide Web, 4 · ˆ ˘ ˇˆ ˙ ˛ˇ ˛ˇ ˛ ˘ ˝˙ ˛ ˚ ˆ form[1] window[0] ˛ ˘ ˆ ˙˛ ˘ ˝ ˛ ˘ ˙ ˝ ˙ ˘ ! ˆ˝ ˛

� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � ��

����� �� ����� ��� ������� �� ������� ����������� ���� ����� �

���������� ������� ����� ��� �form[1]� ��� window[0]� ����� ������������ ���� ���� ����� ������ ������� ����� �� ���� ���������� ���

����� � ��� ����� ���� ��� �������� ������ �����!�� � �����������

� �������������� ��!��

� �� ��������� ��!��� ����� ��� ���!�� �Properties�� �������� ��� �����������������!��window#������������ ���������������������������������

� �������������check box�����������form#����������title

������ ������� ������ ������� ���������� ������������� ��� ������� �����

�empty� �������������� ����!���� ������!�����������������������!�� ��� ���� �������� ����������� �� ������������ ������� ���� �����

� �������� ��������� ��!���� �����! �������� �����������

���� � � ��������� ��� ����� �������� ��� ������ �� ��!�� ��� �����

���� �� ���� ��������� � �� ��� �� �� ����� ������ ������ ���������

� ����������#����Sub-objects���� ��������������������

� � ���������!� �Methods�� ����� ������� ����� ������� ����������� ������ ���� ������� ������� ��������� ������ ������� ����!�� ������ ������

��������� ������� ����!�� "������ ��� ����������� ��� ����������

������������ !�����Open()���������������������!� ��!���Click()��� ������������ ��!���������� �������� �� ��!�)�Select()��������

� ������������������ �������������

����� ����� ���� ���������� ���������� ��� ���!�� ��� ������ ����� �

������� ������� ��������������������� ������������������ ��� �����

� �� ������������������������������������������� �������

Page 21: JavaScript for the World Wide Web, 4 · ˆ ˘ ˇˆ ˙ ˛ˇ ˛ˇ ˛ ˘ ˝˙ ˛ ˚ ˆ form[1] window[0] ˛ ˘ ˆ ˙˛ ˘ ˝ ˛ ˘ ˙ ˝ ˙ ˘ ! ˆ˝ ˛

� � � � � � � � � � � � � � � J a v a S c r i p t

� ��

� ���!��������������� ������ ����� ���� ��� ������� ��������� ���������� ���� ����� ����

������������� �� ���� ��� �� ����� ���� ��� ��� �������� ��� ����

���� ����������������� ��������� ���������Dots�����������������Dot Syntax������������� ������� � ���� �������������������������� ������ ���� �� � ���� � ������������� �������� ��� ������� �� �

� "� �������������������������

2�/./!*�&#**!�

/����$�&��3� ���!*3�

/ )$4�*��+��5�3! $$.

+ /4)*����)�'*����)*

&��+ &�����4�

����������� ������!��� �� ����� ���!��������� ����������� ��������

� "� �������� ����

/���$4��67

+ /4)*���&���*67

3 �)��*!*)*������+� �/!�/567

� ��� ������ ��������� ����� ������ ���� ����� ����� �� ������� � � Events������������� � ���������������� ���� ��� ������� ������������!����

� �������������������

�� ���� ������ � ������� ������ �������� ��� ��!����� ����������

� ������ �� � ��� ����� ����� �� ����� �Event Handlers�� ����������� � ������ ���� ����� ����� �������� Event Handler�� ���� ���������� ���� �&�&� ����� �������� ����������� ����� ������ ������

� �-����������������������������������������

������ onPetting()� ������� ����� ���!�� Cat� ������� �� !���� ������ � !�����stretch#���������purr������� �������������������

������������� ���� ��!� ���!����� !�������� ���������������

� �������� �������� ���������������� ��!�������onClick������

Page 22: JavaScript for the World Wide Web, 4 · ˆ ˘ ˇˆ ˙ ˛ˇ ˛ˇ ˛ ˘ ˝˙ ˛ ˚ ˆ form[1] window[0] ˛ ˘ ˆ ˙˛ ˘ ˝ ˛ ˘ ˙ ˝ ˙ ˘ ! ˆ˝ ˛

� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � ��

������� � ��� ��� ����� ���!�� ����� ����� ������� ����� ��� ����

��������� ��� � ����� ������� ����� ��� ��� ���� ����� ����� ����� �

���������������������������������������������� � ������� ������ ���

�����������onLoad������ ���������� ����������onLoad������������� ����� ������������������������������� �� ����� ��������������

� ��� ������������������

� � ���� "������� �����#��

���� ����� ���� #� onAbort� �� ������

� ��� ������������������� �������

��������� �����#�OnBlur� �������� �������������

�����������#�OnChange� �������� ���� ���������

��!������#�onClick� ������������ !�������

���������#�onError� � ����� ����������

���� ����������#�onFocus� �������������� ������ ������

���������#�onLoad� ����� ��������������

����������#�OnMouseOver����

� �������������������� ����� ������

�����������#�OnMouseOut����

� ���������� �!������������� ������

��!������#�OnSelect� ���������������� �����!�������

!���������#�OnSubmit� �����������!��������

���������#�OnUnload� ����! �������������

Page 23: JavaScript for the World Wide Web, 4 · ˆ ˘ ˇˆ ˙ ˛ˇ ˛ˇ ˛ ˘ ˝˙ ˛ ˚ ˆ form[1] window[0] ˛ ˘ ˆ ˙˛ ˘ ˝ ˛ ˘ ˙ ˝ ˙ ˘ ! ˆ˝ ˛

� � � � � � � � � � � � � � � J a v a S c r i p t

� ��

� �� ��� ������������������������������Value�������� ���������������������������� ��String���������Numbers����������� ����������� ���� ��������������������������������&�(� ����������������������� ���������� ���

� �������������������� ������

� �������� ���������

� � � � ���� ��� "

� �����#�Number� ������������� +�&,&.-(/.,

����!��#�String� ����������������� ������� �Hello World�

��������#�Boolean� �����False���������True� True

�����#�Null���������!�����

��������#�Object� ������� ��������� �������

�������#�Function� ����������������!�� ����

� ���� �myName� ������ ������ ��������������Variables�������������� ��� �myName="Dori"� "��� ��� ���� ������ ����� ��Dori�� ����!�

� ����� ���������#������������0��������

� ��Dori����� ����������� ���myName� ���� ����!��������

�myName�myname������� ���������������� ���������������� ♦��

� ��������������� �MyName#�

�������!������������������!������� �������������������������� ♦��

������� � ���� �!�� ��� �� ������� ��� ��� � � � ����� ��!� �

���� ����� ������������ ��� Reserved Keywords�� ������ �'��!������������������������������� �!��� ������

Page 24: JavaScript for the World Wide Web, 4 · ˆ ˘ ˇˆ ˙ ˛ˇ ˛ˇ ˛ ˘ ˝˙ ˛ ˚ ˆ form[1] window[0] ˛ ˘ ˆ ˙˛ ˘ ˝ ˛ ˘ ˙ ˝ ˙ ˘ ! ˆ˝ ˛

� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �$

� ��� ��� ���������� ��� ����� ���� ������ � ������ � � Operators������������ � 1�� ������ #�� ������ ������ � ������ ����!�� ��� ������� ���������

� ��������������������� �����������&�+� ���������������

� ��� ��� ����������

� � ��� �� � ���

� �������x + y��� �y#��x��������� ������!���

�����!���x+y��� �y�����!�����x�����!������������

x-y��� �x-��y������!����

x*y��� �y-��x�����������

x / y��� �y-��x������!���

x % y��� �y-��x�����!��!���������������� ��y��������x��

++x�x++���x=x+1�������� ����!���x�������������������

--x�x--��� �x=x-1�������� ����!���x�������������������

-x��� �x���������������� ��

������� �x����������&���������++x-��x++���������� ���������� ♦��

������ �!��� ���� � ��� ����� ��� ������ x++� ������� � ��� �������� ����� ���� � ���� ��� ������ ++x� ������ �� � �����

� � �� ������

������y-������������y=x++������� �.��� �x������������ ������ �

�����������y=++x������� ������� /���� ���������x-��.���� ���� � �� �����������--��������� ��/���� ����������y�� ��x�� �

�������������������!������������������������������� ������ ♦��

���� �������!��cat+5������ � �����������!���� � ���� �����!� �cat5

Page 25: JavaScript for the World Wide Web, 4 · ˆ ˘ ˇˆ ˙ ˛ˇ ˛ˇ ˛ ˘ ˝˙ ˛ ˚ ˆ form[1] window[0] ˛ ˘ ˆ ˙˛ ˘ ˝ ˛ ˘ ˙ ˝ ˙ ˘ ! ˆ˝ ˛

� � � � � � � � � � � � � � � J a v a S c r i p t

� ��

� �� �� ���#�� ������ � � ��� ���� ���� ��� ����� ����� ���� ������ ��� ����

� ���� � ������� Assignment Operator������� ������������ ���� ������ ���� ��� � ���������� �0�� ������ ���� �� ����� ������ ���

��hisName� ������ �Tom�� ����!� � ���� �� hisName="Tom"� " �� � � ��� �������������������������� ���������� ������������&�,� ����

� ���#���� ������������

� � ���� �� ��

� x=y� �x-��y������������ ���

x+=y� �x=x+y-�� �

x-=y� �x=x-y-�� �

x*=y� �x=x*y-�� �

x/=y� �x=x/y-�� �

x%=y� �x=x%y�� �

��0�� ��������� ���� ��� � ������� ������� ������ � ��������� � ��

������������������� ��� ������ ������� ������� ������� ���� �������� ��� ������

������ �x+=5������������� �������� �� �����x=x+5� ����� ���� ���������������� �!����������� �������� ��� ��� ������� �� �������

� ������������� �

� �� ������ �����!�� ������ ��!��� ���� �������� �� ����������������

�Literal�� � ��� ���� ����� ����� �������� �� ��� �!�� ������ ��!��� ���� ����� ��� ���� �� ����� ������ ������ �������� ���� �� ���� ������

���� ������������Tuesday� ��� ������������� ������������� ���� � ������if todaysDate=="Tuesday"� ������������������������ � ����

� �&�.� ������������������������������ � ���� ����������� ���

Page 26: JavaScript for the World Wide Web, 4 · ˆ ˘ ˇˆ ˙ ˛ˇ ˛ˇ ˛ ˘ ˝˙ ˛ ˚ ˆ form[1] window[0] ˛ ˘ ˆ ˙˛ ˘ ˝ ˛ ˘ ˙ ˝ ˙ ˘ ! ˆ˝ ˛

� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �� ��

� �������������� ���

� ������������� ����������

� x==y� y��������x����true���� ��

x!=y� y�����������x����true���� ��

x>y� y��������x����true���� ��

x>=y� y����������������x����true���� ��

x<y� y�������x����true���� ��

x<=y� y���������������x����true���� ��

x&&y� True����y�����x�������true���� ��

x||y� True����y����x����true���� ��

!x� False����x����true���� ��

��������A�������������a�� ��� ������������������������� ������

� �"be"�������� "abracadabra"- �����"a">"A"���

� ��������������������������������� ����� ���� ��������� �������������������� �����

���������������������������������������������������������������

�������������������������������������������������������������

� ����������������������������������������������������

�����������������������������������������������������������

��������� ������� ������� ����������� ��� �������� ���� ������

������ �������� ��� ������ ���� � !�"� ���#� NotePad#� ������ �����

����� ��������� ��� �������� �������� �� SimpleText� ���� ������

� �� !�$����#� Bare Bones Software��������BBEdit

Page 27: JavaScript for the World Wide Web, 4 · ˆ ˘ ˇˆ ˙ ˛ˇ ˛ˇ ˛ ˘ ˝˙ ˛ ˚ ˆ form[1] window[0] ˛ ˘ ˆ ˙˛ ˘ ˝ ˛ ˘ ˙ ˝ ˙ ˘ ! ˆ˝ ˛

� � � � � � � � � � � � � � � J a v a S c r i p t

� �%

�� ��%�� �!����NotePad���$�� ��

�� ������������BBEdit ����� ��

� � �� ������� ����� � ���� � ������� �!�� �� � Emacs� ������� ����������� ����� � ��� ������ ��� � � �� ���������� �� ���� � ������

����� ������ ������ ���� ��� html� ��� htm� ������ ����� ����� ������

� �Web�������� ��������

Page 28: JavaScript for the World Wide Web, 4 · ˆ ˘ ˇˆ ˙ ˛ˇ ˛ˇ ˛ ˘ ˝˙ ˛ ˚ ˆ form[1] window[0] ˛ ˘ ˆ ˙˛ ˘ ˝ ˛ ˘ ˙ ˝ ˙ ˘ ! ˆ˝ ˛

� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � ��

�WYSIWYG#�������������HTML��������������������� ��������� Microsoft Front�Adobe GoLive ������(What You See Is What You Get) Macromedia� �� ����� �������� ��� ��� � .PC ��!�� ���� ���� Page

� �Dreamweaver

�����������������!� ��HTML�������� ��������������������������������� ����� ����������� ������ ������ � ������� ������ GoLive#�

� ����������������!�