javascript for the world wide web, 4 · ˆ ˘ ˇˆ ˙ ˛ˇ ˛ˇ ˛ ˘ ˝˙ ˛ ˚ ˆ form[1]...
TRANSCRIPT
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�
�
������������������ ���������������������������� ����� ���������������������������� ������������ ���������������
������� ������ ��� ���� �� ���� ���� ��� �� ��� ��� � ������ ������ �� � ���� ������� ��� � ���� ��� ����� ��� ������ ������ ���
��������� ���������������������� ���� ��������� .
�
� �����������
.............................................................................................. �� ��
�� ............................................ ����������������������������� ������
�� .........................................................................................��������� �������� .....................................................................�������������������� ������
�� ...............................................................................��� ������ ��������� ���� .............................................................................................�������� ������� ............................................................................................... ������ ��������� ...............................................................................................�������������
�� ..............................................................................................� ������� ���
�� ....................................................................................... ��������������� �
�� ...................................................................... � �������� ������
� .............................................................����������!�!��������������� �"�
# ....................................................................................����������������� � .............................................................................................�������� ���
$ ....................................................................................����������"������
�� ......................................................................................����������������
� ................................................................................�����������!"�������
�# .................................................................��������������������!"�������
�� ....................................................................................................%�!�!������&�$ ................................................................................................... ����������&#� ......................................................................................�� ��������������## ............................................................................................�� ������������#� ................................................................����� ����� ������������ ����!�
�� .........................................................................................................��������
� � � � � � � � � � � � � � � J a v a S c r i p t �
� .......................................................................... '!��!" �����������������
�$ ......................................................................................���������������!��
!� ...........................................................����������������� ������
� ..................................................................................................��������������� ................................................................................��������������������������$ ...................................................................................'!������������������
�� ....................................................................................��������������������
� .....................................................................!" ��������������������������
�� ....................................................................................������������������!���$� ......................................!�"������������������������!!�����!���������������
$� ..........................................................��������������!!�����!����������������
$� ......................................................................................�����&"����&����������� ............................................................................�����&"����&���������������� ............................................................�������%�������&������&"��������
��# ................................................................... �����&"����&����������������
��� .....................................................................................�������������������
��� ..........................................................................�������������������������
��� ..................................................................................... �� �� �������������� ......................................................................... ��� �� ������������������$ ...................................................................... ���������������������������
��� ................................................................. ������ �%�� �������������������
��!...................................................������ ����������"����� � ����
��� ................................................................................������(�"��'!������� � .................................................................................... �����)����'!�(��� � � ..................................................................................�����)������ �(��� � � ................................................................................................ ������������� ......................................................................�����!���������������������
��� ........................................................................... ������%������������'������� .....................................................................................��������!���%�" �#� .........................................................................�" ���������������������## .................................................................................. ���������%�!�!�����&
� � � � � � � � � � � � � �
���...........................................................���������� ������ ������
��� ........................................................................................... �����������
��� ............................................................................ �������������������
��� ................................................ ���������������������������������
��� .................................................................................................... ������
��� ....................................................................................����������������
��� .............................................................� ���� ��!��"��"�����"� �����#�
��� .................................................................................................... ��������
��$ .............................................................................................����������#�
��� ...................................................................................... ������������#�
��� ........................................................................ ���������������������#�
���......................................................................... ��������� ������
��$ ............................................................................................ �����������
�$� .....................................................................................���������������
�$� ........................................................................................ ��� ����� ������
��� ............................................................................... ��� ����#��"������
��� ............................................................................... ����"���������������
��$ ......................................................................................... ��������������
��� ........................................................................ ��������������������
���........................................................... ������� ������ ���� ������
��� .......................................... "������"������"����������������������
�%� .............................................................................................&���"������
�%� ...............................................................................................�'����&��
�%$ ...............................................................................................�#����'���
��� ................................................................................. �'�����������#��
��� ..............................................................................�'������������#��
���............................................................ �������� ��������� ������
��� .................................................................... Web�(��������������������
��� .............................................................................................."����"������
��� ..............................................."��������� �����������������������#�
� � � � � � � � � � � � � � � J a v a S c r i p t � #
�#� ....................................................................... %�&����& ������������ ������
�� ........................................................................AM / PM��*� ��*�%�&�����
��� ....................................................................................... ��" ��������������� ....................................................................................����+ �, ����!�����!������ ......................................................... �������!��)���)���)�������������
��� .................................................................................................. Date������
�$�.......................................................................�������������� �����
��� ........................................................................................ %��"������ ���������� ........................................................................................ ��������� ��������$� .......................................................................................��������� ������� �� ........................................................................................��������� �������
�%�.............................................................�������������������� ��%����
�� ........................................................................... )������� ��������������
�� ..................................................................................................������� ��� � ......................................................................................... )���������������
�# ............................................................................... ����������������������
�� ................................................................................................����������"� �� ....................................................................................... ������������������
�� ......................................................................... *New to You*����!�������
��............................................................................ CSS���� �������
� .............................................................................................CSS���������� � ............................................................................................ %������ &����� # .......................................................................................����"�����������
� .....................................................................................CSS����������������
�� ........................................................................................... )���ID�����!�
�� .............................................................................................��"����������� �� .............................................................................................��!�����������
�$ .......................................................................................��"���%�� �������
� � � � � � � � � � �� !
���.................................................................. DHTML����� ��� �������
#� ..................................................................... DHTML����*�����*������!�!
## ..............................................................................��!�������������� ��&&�
#$ ..............................................................................��!�������������� ��&&�
�� ..............................................................................��!�������������� ��&&�
�� ..............................................................................��!�������������� ��&&�
�� ........................................................................ ��!���������������� ��&&�
�# ........................................................................ ��!���������������� ��&&�
�� ........................................................................ ��!���������������� ��&&�
�� .................................................................................... DHTML������&&�
�# ............................................................................DHTML�����������������
�� ........................................................................................DHTML��������
$� .................................................................................DHTML�������&������
��................................... ������������������������������� �������
$� ...........................................................................................��"����������� $� ............................................................................................��������������
��� .....................................................................................................������� ����� .............................................................. �������������"�����������!�
��.................................................��������������������������� �� ����
��� ...................................................................................�����"�js�(����������
��� ................................................................................��������������������
��� ....................................................................................����������������"�
��� ....................................................................................��!�������������"�
�................................................................................������� �������
��� ................................................................................. )������� ����������
�� ...................................................................................'!������������������
��# ................................................................................... Web����"������������ ..................................................................................................����������"
�#� .............................................................................................. �������������
�#� ......................................................................ISO������������������������
� � � � � � � � � � � � � � � J a v a S c r i p t � $
�## ................................................................................Hex��RGB����������
�#� ..................................................................................................�����������#� ............................................................................................ �������%���"�
#�.......................................................... ������&������������ ��� ��#����
��� .............................................................. ���� �&����������������"���������
��� ..............................................................Dreamweaver������������������
��� ..........................................................Adobe GoLive�������������������
��� ............................................................Fireworks�����������������������
�� ..................................................................Dreamweaver�������� ��� ��
$!................................................................�'��������������� ��!����
��� .......................................................................�� ����������������������&��
��$ ......................................................................�������� �������� ��������
�$� .............................................................................................. ��������� ����$$ ................................................................(�������������������" �����
#�� ............................................................................ �" �%��"���������������
#�� ....................................................................�" �%��"��� �������!��������
� �%!...........................................................����������������������������
� ���.................................................�����������������������������������
� ��!........................................................................... ����CSS2���������
� �....................................................................... ��� ������������ �����
� ���...................................................................................������������
�
�
� ����
����� ������ ��� �� �� ��JavaScript�� ������������ ���� ���������� ������ ��� Web��� ������ ����� � ����� ��� � ��� ��� ��� �������������� ���������� ����������� ���� ������ ��� ���� �� �� �
������� �� ��� ���� �� �� ��� ������������ ��� �� ����� ���
� ���������������������� ����
� ���������� ��������!� ���� ��� ������������ ������ � ����� ���� ��� � � ��� ���
�� ����� �����Web� ���� ���HTML� ����� �� �� ! �� ����� �� � ����������� ��� � ��� � ������� � ���� ������� ������ ��"����������
����� ����������"�� �� ������ ���� ���������� ������� � ���
���� ������� ��������������������������������HTML������������� ���� ��� �Web� ����� � ��� �� ������ � ��� �� � ��� � ������ �� ��(Links�����������"��HTML����� ������ � ����� "���
� �(Frames�� �������(Forms����������Images�
�����������"����HTML���� ����� �������������������������� � ��� �� � ����� ��� ��� ��� ��� � ��� ��� � ��� �� !�� ��� ��
� �� � ����HTML
�� ��������� ������������� ���� �������������������� �����������
�� ���� ����� ���������� ���� ������������������� "������
����� � ��� ��� ������� ����������� �� � ����� ����� � � ���� ���
�� ���� ����� �!��� �"��� ����� �� �� � ����� ��� ��� " !��� � �� ��
�������� ���!�� ���� � ��� � ���� � ��� ���� � � �� ��#�� ����
� � � � � � � � � � � � � � � J a v a S c r i p t � ��
��� ���������������������������������� ���� ���������������
������������ � ��� �������� ����� ������"!���� ���������� �����
� ���� ���� ��� ����� ��������������
� �� ���������������������������� ��� � ��� ������ ������� �!�������� ������� ���� �����
� ��������������������������������������������������������
��������������� ���!����! ����!�������!��������� ������������
��� �"��� ��� ��� �� �� � ���"��� ������ ���� ������� ��"���
� �������������HTML���������� � �������� ���� ����� �������� ������������ ���!� ������!��� ����
� $��"��������������������������HTML����� !�� ������ ����"�������
����� ����
����������HTML������� "��� ������������� ����������������� ������� �����HTML����� "���������������������������� � ���� ������� ����������� �� ������� ��� �� ��� ��� �
���"���� ������ ������ � �� �������� � ������ � �� ��� ���� �� �� ����
��� �� �� ��� � ��� ����� ���� ��� �"���� ���� ���� "!��� ���"��� ����
� �� ����� � �� "���������������������������� �����������
����������������������� ����������� �� �!������� �������
���� ���� ������� ������ � ����� ���� ��� ������� ��� ����������
��� ������� � ���������������������������������������������
����� ����� �� ����� ���� �� � !�� ��� ���� ���� ��� �� �����
���"����������� � ��!�����������"�����������������������������
� $��������������������������� " !�������! �
�������� ������� ��������� ��������������� ������������� �� ���!"��#�
������������������$�������������%���"��������"������� ��#���������������%
�� ���!"��#����������$����$���$��%�&� ����'��"�!�����(���%�)������*����%
��#���� ����+�,��"�#���,�� ������"���������������+�"��"�������������
����-��������������.���
� � � � � ��
� ������������� �� �� � �� ����������� �� �� "����� ��� ������� �� � ��
������"������ ������ ������������ ���#����������� ����� ��
��� ��� ���� �����"�� ��� � ����� � ����� �� �� �� ��� ���
����� ���� � ���� � � ���� � � ���� ��� ����� ��� ��������� �� � �
� �� � ��� ��� �������� �������� �� � ��� ��� � ����� � ���
� �� � �����OS���������������������
�� ����� ���� ����� ������ � ������ ��� ���� ������� ��������
����� ����� !�����������������������������"��� ��� ���������
�� ������ ������������ ��� ������������������ �������������� �
��� �� ����� ���� � ������ ����� ����� ���� ���� �� �� ��� ������ ���
��� ���������������� �������������� ��! ������������������ ����
������������������ ������ �������������������� ��� ��� ���� ���
�� �� ��� ��� ����� ��� � �� � � ���� ���� ���� � !���� �� �
� �� ������������������������������ ���� ����"��
���� ������������������� ������������������� �����������!���
����"� ���� ����� ���� �� �� ���� ��� ������ ���� ����� ���� ���
� $� ����� �� ����������������
���� �� �� �����"�� � �� � ����� ��� ���� ��� � ������� � ���
� �UNIX������ ���������"��� � ����������
��������� �� � ��� � �� � ����� ��� ���� ��� � ������� � ���
� ����� ��������������"��%&����������������
����&��������� �� � ���� ��� ���������������� �������� ���
� �� � ����OS����������������� �����������"
��� ���������"���� �������������������� ���������!������ �����
���X���%������"�'��������������� ������������������������������ ���� �� ����� �����"� �!�� ����� ��� '��������OS� ������ ������ ������� ������"���� ������������������������������������
��� � ����iCab��������� � �������"����������������opera 5����������� �������������������� �����"�� � ���� ��Mozilla� ������������������ ������"����� ����� ������������� ��������������())*
����� ������� Mozilla� ��� ������ �������� �� ����� �� ��� ��� ���� ��������������������������"��� �������������������������������
�
������
����
� � � � � � � � � � � � � � � J a v a S c r i p t � ��
�� ��������� ���������"��� ���� "������� ��� �� � �����������
���� ���������������"������ ������ ���� �������"������������"
������ �� � ���������������� ����������� ������������� � ��� �
����� ������ ����� � ����� ��� �� �� ������ �����"�� ��� ������ ��
��� ���������������� "� ���� �� ����� ������ ������� ����� �
�� !����� ����������� �� � � � � ��� ����� �� ������ �� ���
��������!� �������� ������������������������������ !����������
� � ����� ��� ������� ������� �� � ���� ���"�� ������ ����� �!�� ���
� �����������"���"�� ��������������������� ����� ��� ���
� ������������������������������ ��������� !���� ��������� � �������������� ������
����� ����� ����� �� � ����� �� ���� "�� ����� ���� �����"��������
�������� ���� � ��� ������ ��� ��������������������������� ��
�� �!�������������������� �� � ��������������� �������������������
��� ����������� ������� ������� ����������� ������ �������
����� ����� ��� ��� ����� � ���� ��"� � �� �� � ���� �� � ��� ����
���� ����������������� ������())*���� ����������� �������� �� �
� �������
� ��http://www.javascriptworld.com�$�����������������������!��
�������������"����� ��������� ���������������������� ����
��� ���� !����������� ����������������� ������"���� ����������"�
��"���� �� � �� � ����� �� ��� ����� ���"������ ! �� ���������
�� �� ��� ���+�������������� ���������"!�����!������+�����������
�� ����� ������� �� � ��������� !��������������������� �����
����� ���������������+����������!���������� ������������� ��
����� �� �"��� ����� !���� ���� �HTML� !���� �� ����� ���� ����������FAQ��� ������ ����������������� ����������
� �����������
���� ������ ����� �� ������ ����� ��!�� ���� FAQ��� ��� ��� ����� �����"�� � �!���� ���� �[email protected]� $������� ����� ���������"��������� ��������� �������� �� ����� ��������� �����������
�� �������� ��� ������������ ������������������������������
� ���������� �� ����� �!����������� ������ �������
� � � � � ��
���������� ���� ���� ��� ����������������"��������� ��� ���
���� ������������������������� �������!��� ��������"���
���*,$))������� ���)-�.-***/)���� ���� �����������!�����������
�$������� �� ��� ���� ������ ����� ��� �#�� ��� #�� � � �� ()$))
� �������������� �������� ��������������������������������� �� ��������� �����
���������� ����������� �!�������� ��� ����������������
��� �� ��� ����� ������ ��� ���� � � ������ � ��� �"� � ����� ����� ���
������������������������ ���������� ��� ����������������
� ���� �� � ��� ��������
����������� ����������������������������!��� �����������������
������ �� ����� !�� ���� ���� ���� ������������ ��� ��� �������
� ���������� ��� !��������������������������� �"���� � ��������������
�
�
����������������
� ������������
������ ������ HTML ��� � ��������� ���� ������� ������ ����
����������WWW��World Wide Web��������������������������
��������������������������������������HTML����������
� �Web������������������ ������
��������������������������������������������������������
�HTML� ��� ������ ������ ����� �� ����� ���� ���� ���� ���
� ������������� ����������
������� ���� ������ ������ ������� ������ ���� ��������� ������� ���
������� ����� ��� �������� ��� ����������� ����� ����� ��
��������� ����� ���� ����� �� ����� ���� ������� ������ �� HTML�
��������� ������� ������ �� ���� ���� ��� ��������� ��� �����
� ���������������������������������
����
� � � � � � � � � � � � � � � 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� ����� ������� ������� ���
� ���������������� �
� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � ��
� ������������Hello Cleveland!�������� �����������������������������
�
����������� ��� ����������������� ������������ ��!��"�
�#��$%��&&&�&�� �'��(�#�)!��! �*�+�+�,
���� ,
��-�,
���� ,���*!.��/��$����!!����� ,
���-�,
������0�� �(1������,
���,
���������� �����������������������������������
��������� !"��#�$�%%�&��%�'�%(��)�*
���������
����,
������,
����� ,�
� � ������ ��������� ������������ ��� ����������� ��� ������ ����� ������ ����� ������ ������
�������� ����������������������������������������� ����������� �
� ������������������������� ���!
�������������� ���������������������������������������������
�����������������!�� ������� ������ �����������������������������
������ ��������� �������������� ������������������ �����!��������
� ���� � ����������� ��� ������� ������ ���� ��
� �&�&������ ��)�(Rollover�������
������� ���� ��� ������������ ���� �� ����
� ��������������� ����������� ������������ �
���� ����� � �� ���� � � ���� ����� ���!�� �����
������ ����� ��� ������!� ������� ���� �����
����� ����� ������!�������������������
� ���� ����������� ������������
�
������� ��� ������ ���� � ��
���������� ����������
� ������������������
� ����������
� � � � � � � � � � � � � � � 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������
�������� ��������������� �����������������������������
� �����������
� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � ��
��Applets�� �������� !������ �� � !��� � ���� ����� ����� � ����� �������� � �������� ���� �� ����� ������ ������ �������� � � ���������
� �� ���������������������������� ������� ��������������� �� ��
�������� ���� ���������
���� ��� �� ����� ���
� ����������� ������
�Embed�� ������ ��
������ ���� ��������
����� ��� ���� �������
�APPLET� ������ �����
� ����������
������� ����� ����� � ����
���� ������ �� � APPLET�������� ����� ���������
���� � ���� ���� ��� �
����� � ������� �����
� �&�(������
� ������ ���������� �������
� )����������� �������������������������������������������������
�������� ��� ������ ������� � ������ � �!�� ��� ������ ����� � ��
� ����� �������������� ���!����"�� ������!�
�������� ��������� ������� �������� ��������� ���� � �������� ����
�������� ����� ������ ����� �� � �������� � ���� ��� ���������
��!��� �������� ������� ���� ���� ����� ����� ����� �LiveScript���� �����������������������!� ��������� ����� ���� ��� ��!��
���������� ��� ���� �� ������ ����� �(�*� ���������� ������ ��� ���������
�(LiveScript)� ������� ��� � ��� ��� ��� ����� ��� �������� ���� ���� � ����� ��� � �� �� ��!�� ������ ���� ��� �����������
��������� ������������������������������ �����������������
���!��������������������������!������������������������ ������
� ����� ��!���������������������������������� ������ ��
� ���� ������ ����������� �����������!������� ������
�
��������������������������� ���� ������������� ��
����������������� ���������������� �����������
���������������������������������������������
� ���������������
� � � � � � � � � � � � � � � J a v a S c r i p t
�
� ��
� ������ ������������ ���� �� � ����������� "�� ���� ������ !���� ���� ���� �
� �� �Object Oriented Programming Language�� �������� ������ ) ����������������
� ������ ���� ���� ���� �� � �������� �Objects�� �������� ������ �!����� ��!�������� � &�+� ����� ���� ���������� ����� � � ��������� ��!�� ���!
����������� ���������� �������������������������������� ������
����� ������ ��� ��������� Forms�� ������ Windows�� �� �� "����� �&�,������ ��)�(Check Boxes��������������Buttons�������
�� �������� ���������������������������� ������ ��
��������������������������������� � ���������������������� ��
� ������� ���������������
����!�� ������ ��� �!�� ���!�� ������ ������������ ������� ���� � ���
���������� ����� ����� ����������������� ���� �� ������� ���� ���� �!�
������� ��� �����������'����(���!�&���!������������������!� ����!
������ ���� ����� ���!��� ��� � �� ���!� ����� ���� � "���� ������ ���
������������� ���������������������������������������! �������!� �
� ����!������������������������� ���������
� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � ��
�
�
����� �� ����� ��� ������� �� ������� ����������� ���� ����� �
���������� ������� ����� ��� �form[1]� ��� window[0]� ����� ������������ ���� ���� ����� ������ ������� ����� �� ���� ���������� ���
����� � ��� ����� ���� ��� �������� ������ �����!�� � �����������
� �������������� ��!��
� �� ��������� ��!��� ����� ��� ���!�� �Properties�� �������� ��� �����������������!��window#������������ ���������������������������������
� �������������check box�����������form#����������title
������ ������� ������ ������� ���������� ������������� ��� ������� �����
�empty� �������������� ����!���� ������!�����������������������!�� ��� ���� �������� ����������� �� ������������ ������� ���� �����
� �������� ��������� ��!���� �����! �������� �����������
���� � � ��������� ��� ����� �������� ��� ������ �� ��!�� ��� �����
���� �� ���� ��������� � �� ��� �� �� ����� ������ ������ ���������
� ����������#����Sub-objects���� ��������������������
� � ���������!� �Methods�� ����� ������� ����� ������� ����������� ������ ���� ������� ������� ��������� ������ ������� ����!�� ������ ������
��������� ������� ����!�� "������ ��� ����������� ��� ����������
������������ !�����Open()���������������������!� ��!���Click()��� ������������ ��!���������� �������� �� ��!�)�Select()��������
� ������������������ �������������
�
�
����� ����� ���� ���������� ���������� ��� ���!�� ��� ������ ����� �
������� ������� ��������������������� ������������������ ��� �����
� �� ������������������������������������������� �������
� � � � � � � � � � � � � � � 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������
� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � ��
������� � ��� ��� ����� ���!�� ����� ����� ������� ����� ��� ����
��������� ��� � ����� ������� ����� ��� ��� ���� ����� ����� ����� �
���������������������������������������������� � ������� ������ ���
�����������onLoad������ ���������� ����������onLoad������������� ����� ������������������������������� �� ����� ��������������
� ��� ������������������
� � ���� "������� �����#��
���� ����� ���� #� onAbort� �� ������
� ��� ������������������� �������
��������� �����#�OnBlur� �������� �������������
�����������#�OnChange� �������� ���� ���������
��!������#�onClick� ������������ !�������
���������#�onError� � ����� ����������
���� ����������#�onFocus� �������������� ������ ������
���������#�onLoad� ����� ��������������
����������#�OnMouseOver����
� �������������������� ����� ������
�����������#�OnMouseOut����
� ���������� �!������������� ������
��!������#�OnSelect� ���������������� �����!�������
!���������#�OnSubmit� �����������!��������
���������#�OnUnload� ����! �������������
� � � � � � � � � � � � � � � 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�� ������ �'��!������������������������������� �!��� ������
�
� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �$
� ��� ��� ���������� ��� ����� ���� ������ � ������ � � 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
�
� � � � � � � � � � � � � � � 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"� ������������������������ � ����
� �&�.� ������������������������������ � ���� ����������� ���
� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �� ��
� �������������� ���
� ������������� ����������
� 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
� � � � � � � � � � � � � � � J a v a S c r i p t
�
� �%
�� ��%�� �!����NotePad���$�� ��
�� ������������BBEdit ����� ��
� � �� ������� ����� � ���� � ������� �!�� �� � Emacs� ������� ����������� ����� � ��� ������ ��� � � �� ���������� �� ���� � ������
����� ������ ������ ���� ��� html� ��� htm� ������ ����� ����� ������
� �Web�������� ��������
� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � ��
�WYSIWYG#�������������HTML��������������������� ��������� Microsoft Front�Adobe GoLive ������(What You See Is What You Get) Macromedia� �� ����� �������� ��� ��� � .PC ��!�� ���� ���� Page
� �Dreamweaver
�����������������!� ��HTML�������� ��������������������������������� ����� ����������� ������ ������ � ������� ������ GoLive#�
� ����������������!�
�