Язык javascript ч 2 2

265
Всплытие и перехват %$ U.(9 /# W /# &!.!9 U! ! E, = 7 ,( ) !(, !(,% &! / !.# ! . !# !# ) ..( .(% = ! (# % ’!!# / !. 0@v !# .. )( ,( 57 ,/05T ) C*(;AwZWQZSJIHT _GY 0 \WQZSJQG2A<( )GHTNHJF NQ )57)f \WQZSJQFJ SZWQZSJIHT NQ )0@v)) ) ,%( 1 !" T & ,# .. ! ) /# .) ! !# ! ". )% ’!!# [ ) .T " )20/,3145 6378 "! ) "% ) "’ )E *(( *(( *(( "# " ) *(( )2 ENFONHp ;< "9 ) *(!(! "& ) *(%(% )2 ENcJWFNNHp ;< ": ) " ) ) ! % ) ) : ,!!(# .. (!( % C (! / [# / s ." ." / c%

Upload: fileevk

Post on 06-Mar-2016

241 views

Category:

Documents


1 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Язык javascript ч 2 2

Всплытие и перехват

�� %��$��

�� U�.(9� �/�����#� ��������

�� W�� �/�����#� ��������������

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

�� U!����������!���������

�� E�,

=���������7��,(������� )�����!(,� ��!(,�%�&!��/����!�����.#��!� ������ �.�!�����#��!����� ���#���)���������������.�.�(������.(%

=���!����������(#����������� ��� ���%

'��!���!#�/����!�����.����0@v��!������#����� ��.�.������� )����(���,(�57����,/05T

)��� �����C*(����;AwZWQZSJIHT�_GY�0���\WQZSJQG2A<(�

��)����GHTNHJF�NQ�)�����57)������f�\WQZSJQFJ�SZWQZSJIHT�NQ�)�����0@v)������)����

)����

,�%�(���

1�� � ��!��"��� ������T

&����,#�.�.���������!��������������� )�����/������#�����.)���!����������!������#�

�!����"���.�� )������%

'��!���!#������[� )�������.�T

"� )20/,3145�6378�

"! )����

"% )�����

"' )���E�����*(��������(���*(����������(����*(�����������(�

"# �

" )��������*(��(����)2���ENFONHp�;� �� ��<����

"9 ����)��������*(�!(�!

"& ��������)��������*(�%(�%�)2���ENcJWFNNHp�;����� ��<����

": ��������)����

�" ����)����

�� )����

�! �

�% )������

�' )�����

:�������,�!����!(��#����.�.��� �(�!�����(�����%� �� ���������� �����C����������� �(�!������

/�������[#����������/�������s��� �.�"��.�" ����/�������c%

Page 2: Язык javascript ч 2 2

=����!"�������� ������ �������#����(�����������3 ��� ���4��� �(�!����,�/������� �!��

��!���!����� #��������(#�.�.� ��� �����(��!�.� ��(��� � ��%

=��$C�5�6��!���.����

=�����#����.�!���!������!�����.#����(������!�������%

'��!���!#�� ��������.�.���.�)��(�0@v�$(�."����������#�.�!������ ��� ������.(9� �/�����T

"� )20/,3145�6378�

"! )����

"% )�����

"' )���E�����*(��������(���*(����������(����*(�����������(�

"# �

" )��������*(��(� �����C*(�������;����<(���

"9 ����)��������*(�!(� �����C*(�������;����<(�!

"& ��������)��������*(�%(� �����C*(�������;����<(�%

": ��������)����

�" ����)����

�� )����

�! �

�% )������

�' ����������������;����<�=

�# ������������������C ���, � �*�A���� �A>

� ��������;����������u���<>

�9 ������������������C ���, � �*�AA>

�& B

�: )�������

!" �

!� )������

!! )�����

1�.!����.�� �� ��.��

P�.�����������(� �(�!�����(�0@vx(#������( ������ ������T

Page 3: Язык javascript ч 2 2

U�.)���(9��� (���� �� ��r�.���������������������3���%

1�����������)������#����������#��/��(�����! ,� �,�����������#�����,���,!����(������

�(�������.(9� �/����������r�.���������%

IJO2��!��������������!�����.����!���������5����������!���G������

S!�(��!��IJO2�����!����� ����������!���������������!���������5����%�U�.)�� ���������

� �� �������������3���%

-��� ���(���������� ����$!� � !.����!���������������#���/����� �)�#���.�.�.���

�G����!� ��%�e��!��!��!���.������������������������� �F�����!�����.��

��!��� �\SZ^JHFT�/����.!��2�!�(��!�#�������� ��,�������%

L�����5�6��!���.������� ����

H��� �,(�.� �/�����#�.�!� � ��� ����������#����� ������3"�� ��4����3�������4/������%

:�IJm�������(����.�.���������5������#����������!�(��!�������(�������������%�

P!���!�(��!���!�F����� �,�������.T

�������*������������ss���������5������>

• �������������5�������2��������������� �/�����#����.�!���!��F�������%

• �����2���.(9� �/�����#���.�!,��F� ���������.�!� ����(�.�����!�����.%

:��!���!��.�)�� �0@v��������!�����.� �����C#�.�!� � � �����������������%

P�.�������.�.�(2���(����.(#����!���!�����(� )����(T

1�!������ �������T

Page 4: Язык javascript ч 2 2

• �����������������������������!�� �������������#

• %%�� ����������������������� ��� �����%

wJTW^JK�H\hS_N^p�TS_

1�.!����.�� �� ��.��

������C���"���%�(��"

:�������������!����� �!�%�1��������(���� ��� ������)6378�#������������ ������#� ��� ��� ���

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

'��� ��!��)(���� ��!�����.��)���!�F���#�������������������!�����#������� ����

������%

H"���!� #��!��.�!��/���)���������()�T

c% '����!���"�����!� �(�.�.(��.��� �����#��!����9������������#����"������.���.�����

����%

s% '����!���"����.)�����������"�#�.�!����.��� ��������#����!(,�#�� G%

�� :��(�����!� ,�.�.��������"���G��!�����.��.�)�������������� ��� ������#����������

(! �����!���"������.�����%

P��������� .�� �������!������������)�(�IJm��������������!�(��!���T

• H�����!��� �.��;�/�� �� ������T

�������� �4 ����� �;<

• N��IJm��;�/�������������� �� �T

������������.������*�����

P!��2�!�(��!���!�F����T

"� �������� �����C�*���������;�����<�=

"! ��������*�������ss����� �������>�����WS\\ZWQcaFWNS�bSGcIHJK�\SZ^JHF

"% �����

"' �����;�������� �4 ����� �<�=����\cxF\JEcFJ�GH�MFJS_�

"# �������mJQN_QWJNS$

" ������������ �4 ����� �;<>

"9 ��B������=

"& �������[QWHQNJ�@5

": ����������������.������*�����>

�" ��B

�� B

Page 5: Язык javascript ч 2 2

-�����9�� �!������������ ���(���!�.(T

�������� �4 ����� ������������ �4 ����� �;<�$�;������������.�����*����<>

-���(�/���������������.�.��!�����. �������������#�����)���!���!�.!�9����� ������� ���

����(�(�� ������%

'��!���!#�����������.�������� �� �����C2�!�����.�#������� .�� ������������,����������.�.�

����.�)���������!(,�%�=��,���#�(���� ����#���#�.�.����()��, !���!����#��!�(��!����,�!����!(���

������ ��!��.� ��������/�����!�����. %�1�������������� �����#��������,�������

���������!(, %

'���!�.!�9� ��� ���������������������f

:�������;�/��(���%�'���!�.!�9� ����,������ � ��()��#��� ��� ����!����.�(!��

�!�!��� %

Q�����(���!�.!�9����� �����������G��� ���� �����.����#�.�!��������!��������

������%

'��!���!#� �������,�.������������!$� ����������� �4 ����� ����������������C%

e���)�#����� �����!(,����������!���"�������������������3.�.� ���/������4�;�

�.�)��#��������.!�����(�.������%�1��������/�,���� ����!�����.�� ������� �����C���

��������������! �!���#� �(�!�����.�.�������%�'�����������#�,���.�.��

(�� �������� �4 ����� �#���. �������(������!�����f

=����������%��-������&(��5

:� �����!�(��!��#�.!���IJm�#�������!����������!����������%

�� H������������������� �!�(� ���%�=�������������� ������3���������!�� ���4�>����B��`j�C��jXD%

�� H����������,�"�� ,�/������%�=��;�3�������"��4�>���jX��C��jXD%

�� &���/�,����������������� ��� ���%�=��;�3������� ������4�>]B]]?�`j�C��jXD%

Page 6: Язык javascript ч 2 2
Page 7: Язык javascript ч 2 2

"� )20/,3145�6378�

"! )����

"% )�����

"' )���E�����*(��������(���*(����������(����*(�����������(�

"# �

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

"9 ����)��������*(�!(�!

"& ��������)��������*(�%(�%

": ��������)����

�" ����)����

�� )����

�! �

�% )������

�' �������*�� ���������5�������.�3�u���;A���A<>

�# �

� ���NQ�TQ`_^p�0@v�bSEF\HJK�SZWQZSJIHT�NQ�\JQ_HH�aQhEQJQ

�9 ���; ���*">��)���������>��--<�=

�& �������������5����8������;(����C(f��������3���f�����<>

�: B

!" �

!� ����������������3���;<�=

!! ����������������C ���, � �*�A���� �A>

!% ������;���������u���<>

!' ����������������C ���, � �*�AA>

!# B

! )�������

!9 �

!& )������

!: )�����

1�.!����.�� �� ��.��

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

P�.�����������(� �(�!�����(����#������( �������!��.�����������������>���!�������IJm�DT

N)�������c�2��s�2��[�2��[�2��s�2��c%

Page 8: Язык javascript ч 2 2

����������2.���!���!�T

� �������*�� ���������5�������.�3�u���;A���A<>

! �

% ����; ���*">��)����������>��--<�=

' �������������5����8������;(����C(f��������3���f�����<>

# �������������5����8������;(����C(f��������3���f�� ���<>

B

P�.� ��������!���!�#����������)���!�����.��)���������������!������������%�&!��/������!�

��.(9� ���������#��!������������#��)����(��������� �� �������������4����%

-����������#�.�!������ ��� ���#���.�!����)����� �����

'���!�.��.�#����������� ����!��.������(����%�'������������#�.�!����)����.�

��� �����%

'��!���!#���. ��������$.(��! .�����/������%

:��9�

• H������������������� �!�(� ����.�"�� �(�/�����(�>���������� ���D#������� ��� ��������(�

�!�%�:�IJm������������ ������(��� (��%

• :������������ ������!�����.�������(���������� ������#�.!������5����8���������

���������!,(���������%

• :������<��� ����)������ ��������9��� �� ���������� �4 ����� �;<%�:�IJm���()��

����� �������/�,�������������.�����*���%

Действия браузера по умолчанию

�� 6�������������'��"����

�� N� �� ��#�.�!����������������

�� E�,

0�,���������� �.(������� ��� �� ����!�(��!�%

'��!���!#�.�.������.�����"��!(�����!�������� � �bw8#���)��������.��.(�3��!� ���4� �$!���;����.(���������! �!#����%�%

-���,�.��!������!�����.���!��(������������� �� ����!�(��!��;�/�� ��)�%

7�!������5����"�&��$ ���

-����� ���� ���������%

c% &�! � ������;�/�� ���� �������r�.���������%�N���������� �� ����!�(��!���(9��� (���������!��� ������������������0������;<#��(������IJm���()������������� �� �����������v�����*������%

P!���!�(��!�� �.�T

� �������� �����C�*���������;�����<�=

Page 9: Язык javascript ч 2 2

! ��������*�������ss����� �������

% �

' �����;������������0������<�=�����F\GH�MFJS_�\cxF\JEcFJ

# ����������������0������;<>

��B������=����EQWHQNJ�@5):$

9 ��������������v�����*�� ���>

& ��B

: B

0)����������� ���(���!.(T

��

������������0���������������������0������;<�$�;����������v����*� ���<>

���

s% -����!�����.������������!��� ����#������������������!�����.������������ �� ���

�!�(��!�T

� �������� �����C�*���������;�����<�=

! �����

% ���������� ���>

' B

U�. �������!9�#�������(����!������#������!�����.����������

��!�����5����8�������������5����%

:����(�9����!���!���!��.�.�������.����!��������!�� ���#����(������ �� ����!�(��!��

�.����T

) ����*(�(� �����C*(����������(�yQ`MH�MFNY)� �

%�����+��*���������"-��

&!�� � !�������������������!�����.�#����������,���!��� �\SZ^JHF#��� �� ����!�(��!��

�(����������%

E�,��� �.����������9���!��!�����. ��)��( ������������!(,���������� %�1�����.�.���

�!����� �����%�0)�� � !������ �G#����(,��T���!.(#����#�����#����������;� �G#�

.!��������#��,�!�!(����%

<�5����".������(������ "���!�����

-������ �� ����!�(��!�#�.�!����!��������� �� ���!�����.�%�U�.����� �� ����������������%

'��!���!#��!��.�.�������.���!�������$.(��! .�%�S�F���� ��!�(��! � ���������.(�����.(�

�(�.��!� �,!���"� %�0)����(.������� ������ �*��������� ����.�!��$� ���%

Page 10: Язык javascript ч 2 2

�.(��! .(��������!��� !����������!�����.�� �� ���#���.�.(��!�����.� ��� ������()������

�,#�.�.�����!��F�%

H��!(, ���!��#���!������bw8��!�����������.�.�������.�#��/��(��,��)���������%

� )������

! �$� ����=�� ��$������ ��������C�B

% )�������

' ) ����*(�(�������E� �K��L�������� ���L� ������������ �K��L�������� ���L�

# ��jS�TGHTc�bWSHaSp_FJ�VSTc\HWSETQf�NS�bFWFhS_Q�NF�Zc_FJ

)� �

8������'��"��������"���#��(�����$����������������$

1�������� �� ����!�(��!��������� ��� ������������!�%

-������������������������!(,�T

� ����������� �;�<�=

! �����;��������0������<�=����\JQN_QWJ

% ������������0������;<>

' �������� �4 ����� �;<>

# ��B������=��������������������������@5&�

����������v�����*�� ���>

9 ������������.������*�����>

& ��B

: B

E�,

• S!�(��!������� ��!�������� �� ����!��!��������� �;���!���������.�#���!� .��$!�����

�%�%�P�.��!� �#�����)���������%

• -����� ������������������ �� �����(������T���! � �;�

����� ���������������0������;<�>IJm�T�����������v����*�����D#� �! �;������

����������!�����.�%�:�! ������!���������.������!�����.������������!��� �\SZ^JHF%

• N� �� ����!�(��!������������#� ��������������;�����������%�1�����.�.����� �����%

�[

&���(� �/����.(��������������������!������+

Page 11: Язык javascript ч 2 2

���

� )������

! �����������������;<�=

% ��������;(���(<>

' ������������ ���>

# ��B

)�������

9 �

& ) ����*(����$���%� (� �����C*(������;<(��%� )� �

3�����$�" �����&�������%� ������������-����������*���6����� ���������

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

:��G�������.�.���!� ���#���!��� � �����C� �5678+

V�F����

N�� ���#�����!�����.������!��(��� �����C����������!�(��!��.�.�$(�."��������������

���%

U�����#����(������.��T

��������;�����<�=

��������;<

B

&!��/��� � !�9�����������������������.�.���������(���������� ��������!��(����%

V���� � �!����T

���

� )������

! �����������������;<�=

% ��������;(���(<>

' ������������ ���>

# ��B

)�������

9 �

& ) ����*(����$���%� (� �����C*(������� �����QR(��%� )� �

e���!���� ��;���!������������� �����r�.������������

Page 12: Язык javascript ч 2 2

�� �������������0������;<�>���.!��2�!�(��!�,� �!�������������!).�����!���IJD%

���

� )������

! �����������������;�����<�=

% ��������;(���(<>

'����������������0���������������������0������;<�$�;����������v����*� ���<>

# ��B

)�������

9 �

& ) ����*(����$���%� (� �����C*( �����Q����R(��%� )� �

{1�.!���������(� �� ��.��|

Отмена выделения, невыделяемые элементы

�� 3��������+�����$��������������

�� H������ �����������2$�.�(�

�� H �� � ��������������

�� e�!��(�� ����������������*( �(

)� H������ �������

H� E�,

:�/� �,� �����!�����!����� ���������#�.�.�������/�������� ��������%

=���� �����()�� �/��������(�!� ����#������ ���������!�(��!�������F����������%

���������C������(������"�%��������

S!�(��!� ���������.����!��� �)�������F�������)�� �� �.��. #�����.)���!��� ���.�.�����/�����%

Q�����(�#���.�� ������������()�#����,��)���������%

z�����������!���(�;�!�����!����!���!%

'��!���!#����������!�������� � �.�.%�z���������#���������.�;���!�( ����������� � �.�.����/���������)�%

)�� �� ��������C*(����;A_ESpNSp�TGHT2A<(�dFT\J)��� ��

6'��'��#����'�������;����'�#�$��!���������������������������� �������������

6'$#���!������������"-���

:���������� ������.�.��� �� ����!�(��!��3��(������4� �� ���������������F�%

z��������)���� �������#�����)����!��� !�������� �� ����!�(��!����(����������

�������CX?X��C����� �IJ���� ���� ��� ��!(,����!�(��!��%

Page 13: Язык javascript ч 2 2

&�� �.��/������#�.�!� ��!����� ����� � �.�.����� �������T

)��� ��������C*(����;AdF\JA<(����������� ��� �K��L�������

� ���L� ����������B�� �K��L�������� ���L�

��kESpNSp�TGHT�\z_Q�E^EF_FJ�(dF\J(f�ZFa�E^_FGFNHY

)����

3��"�������������������������,���������������������$������$�4

� rGFMFNJ^�\bH\TQ�NF�E^_FGYzJ\Y�bWH�TGHTF$

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

% ��)���[HNNH�jch)����

' ��)���w\GHT�UQ)����

# ��)���ic_WQY�mSEQ)����

��)����WSGHT��jWS\JS�TWSGHT�)����

9 )����

7�����'������'��,���������$�(��'$���

=�����������������/��������������� ��������%�-������ ���������� ���������.�� ��

���!)����/������#������)����������/�%�N�������������� ��������>��)����.��.(���F�D�������

�����/������#���!���������%

/�"�����(������"�%��� ����$!

:������!��� !�9����� �������#��)���,������� ��!�����.��������%

'��!���!#���!�( ���� � �.�.������! � ��� �! �/�����������.�T

"� )���

"! ��)��� ��������C*(����;�<>(�[^_FGYFJ\Y�bWH�_ESpNSM�TGHTF)����

"%��)��� ��������C*(����;!<>����?������ �;<(�[^_FGFNHF�SJMFNYFJ\Y�bWH_ESpNSM�TGHTF�)����

"' )����

"# �

" )������

"9 ���������������?������ �;<�=

"& �������;���� ����?������ �<�=

": ���������� ����?������ �;<��� ��e��q����;<>

�" ����B������=����\JQW^p�@5

Page 14: Язык javascript ч 2 2

�� ������� �������������� �������;<>

�! ����B

�% ��B

�' )�������

7�������'����*�"��������$���'��$���$������� ������$�������*��%$������4�oO\[e

Ke�VoO\[e��QegeRVTd\�

-,��������!)���� �(��#���������� ���F��.����� ���(��� %�'��!���!#������ � �.�.�

�����(�����.�.���!�.�������/������� �!���.��!(������������;��(�G���.���� ��)�������

��������,����@u4g3%

/��5����������������

H(9��� (�����������!����*��2� �� �����������#�.�!���������/�������� ��������%�1��

����! ���� �������!���*��[#�������,��.������%

=��� �� �!�������>���!�$�.��D� �t��XuAq#�*k�AiX<��u���#�IJcnlT

"� )������

"! ��=

"%������C�������������$�� ��>��+���������������]JS�NF\JQN_QWJNSF�\ESp\JES�+�

"' ���� ������������$�� ��>�����+�bS]JSMc�Nc`N^�bWFVHT\^�+�

"# ����������������$�� ��>���

" ��� �����������$�� ��>��+�NF�bS__FW`HEQFJ\Yf�bWS\JS�NQ�Zc_cxFF�+�

"9 B

"& )�������

": �

�" mJWSTQ�_S��

�� )��� ��������C*(����;AdF\JA<(�

�! ��)��rJSJ�JFT\J�NFGKaY�E^_FGHJK�E�t��� �f�?�����,� ��f�@5�")���

�% )����

�' ���mJWSTQ�bS\GF

����������!�"����"����-��Wd\VSdggT\[�QegeRVTd\�hTVi�WQQ�~seS�segeRV�

a���&$���������� ���KL��L

:�IJ#�����.)����X���/�(������(��)���!�F������!��(��B`CX?X���]?X%

Page 15: Язык javascript ч 2 2

'���.���3�� ���������4T

c% :2��! ��#���������(����%�U�����#��� ����������!����������������� �������������� %

s% :2 �!��#���.����)�� ������#������������ �������������������/������#���!���������%

)��� ��������C*(����;AdF\JA<(��������� ���� �K��L��L������*(� ��$����� �������C(�

��rJSJ�JFT\J�NFE^_FGYFM�E�@5�H�/���f�)���TWSMF�_SIFWNHh�]GFMFNJSE)����

)����

:��� �� ��T

=�����.����� ������� �IJ�����X��#�.!������!����/�����

Y� �����������.���� �IJ<��X������ ����������!��� ���.�.�%�&!� (��������>��D��)�� ������#��%.%���

�� �������!��(���������������%

31������ �������4#�.�.��!� �#�����������#�������!)����/������� �9��������

������%�1�����/����������)�#�������)������F���,��2���(���3�����!��4�����!� �����

�����������/�����%�-G�,� �� ������ ���#���� ������������������������/������%

/�"�����(������"

0)�����������/�������� ��������#����������� �����������2$�.�(�%

N��!������� ��������� ��!�(��!����������"������������#���������� ��������:�������T�w�`jX#�

6Xq�w�`jX����X?X���A`%�1���!���������� �IJm����� !���������!�(��!��%

&!���!���)���������� �������� ��!�����.����������������C�>3� � �.�.4D%

"� )��� ��������C*(����?������ �;<>�����;AdF\JA<>(�

"! ��kESpNSp�TGHT�\z_Q�\NHMFJ�E^_FGFNHF�H�E^EF_FJ�(dF\J(

"% )����

"' �

"# )������

" �������������?������ �;<�=

"9 ������=

"& �������� ����?������ �;<��� ��e��q����;<>

": ��B�� ��;�<�=

�" ����� �������������� �������;<>����@5):

�� ��B

�! B

�% )�������

a�!��,�����&������*�������'�����4

• :�������� �G�)���!�� �����#����(��)�����������%�=����� ��,���.!��� %

• :���������!����9����!�� �)�������)�� ���F�� �G��9��!������#���.�������������������

��)����� ����������!)����/������%

Page 16: Язык javascript ч 2 2

:��9�

N�������� ����������������.�.����� T

�� *��2� �� ������������;����t��XuAq#���u���<*k�AiX#�IJcn�>���!�$�.��D%

�� e�!��(��������������*( �(�;����IJ#���X���>��������(����D�

[% P!��2�!�(��!�� �����������T

����� �� ���� ���*������ ������������*���������;<�=

���������� ���>

B

-���, !���������#��� �������3�� ��������4�/�������������)�#������������ �������� ���

����.�#����!���!�� �!�(%�0)�#�.����#���,!�����������!���� �����������(! ���)�����#��� �G�)��

�� �����������!���������/�������� �;������9������.��! ����#��������� �����������#�,���

��� ������()������(���%�'��!���!#��!�����������jy`y��A�2��!�������F����)����������� �,�����#�

�� �����������,�����()�%

Делегирование событий

�� ;������������(

�� &!���!��� )����������

�� &!���!�3S��o(�4

�� &!������������,�! ����T��� �� ��� �!�����.�

)� :���,��������$(�."��� �����������

H� E�,

-���(� ����������,�/����� #�����������.�!����()���!����� ������)����!���#������������!�� �� ���������� ��!�����.�.�)��(%

:�����/�,#����������������!�����.��9��(�!�����%�E����,��)���(�����"�� �/����������������#����������.�.�����.���!��F�����������!��������,%

=��������.������ ���������,�! ��������������.�� ���!���������� �� !�����������������%

#��%��!����!��2

N��,�! ���������� ��� ����(����!,���� � ������!� ����� )����������%

N� � ��������������(������(! �� ������T

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

! ��)���) ����*(����(�464)� �)����

% ��)���) ����*(�����(�6378)� �)����

' ��)���) ����*(����������(�����?����)� �)����

# ��)���) ����*(������(�t����)� �)����

)����

N���� ��!���!��!����9��*����)��� � ���������.T

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

Page 17: Язык javascript ч 2 2

P�.�����(�.����������(�����!����� �����!����9������������%�&(�.� ������ ��!���!�� ��,�

���.�.#����)������������,%�P����#��)������������.�)��(��(�.�(�� ���!������ �����C2

�!�����.#�����������(�.� �Mn#�cnn#������F�+�'�()����()������ �������.��!�����. +�

P�����)�#����f

&!����������,�! ����T���������������!�����.���� ��,�����#��� ��G��()��!����!G���#�,���������

���.�.����!��������,T

e,!���T

c% :�F�����!�����.���� ��F�� �/������>����D%

�� :��!�����.�T��(���������������%

[% :��!�����.�T����!��#�,������������.�.����!����� �����,%�:��)������.�#��������� �

.�.������������!��(��#����!���!��������������(���������%

P�T

"� ������EFOQFM�SZWQZSJIHT

"! � ���������5������.�@�;A����A<� �����C�*���������;�<�=

"% �

"' �����!��bSGcIQFM�����������

"# �� ��������*���ss����� �������>

" �� �������*������������ss���������5������>

"9 �

"& �����%��bWSEFWHMf�HNJFWF\cFJ�GH�NQ\�]JSJ�TGHT�

": �����F\GH�TGHT�Z^G�NF�NQ�\\^GTFf�JS�NFJ

�" �����;�������u����2*�AeA<�������>

�� ���

�! �����SZWQZSJQJK�TGHT�bS�\\^GTF

�% �� ������*��������e�������;A���A<>

�' ������;���<>����E�_QNNSM�bWHMFWF�bWS\JS�E^ES_HM

�# ���������� ���>

� B>

S���.!�.��.!��2�!�(��!����(����������

:��!���!�� �F���)���������(�����������!����9��,����.�����!��! #� ����.T

� � ���������5������.�@�;A����A<� �����C�*���������;�<�=

! �� �������*���LL��������ss���������5������>

% �����

' B>

V�������/���.���(�������(�9����!���T

Page 18: Язык javascript ч 2 2

�� -���/�����IJm�#����������! � ��!,(���������� �� �������%�&!��/���

�!�������� �����������!��!��EYE�ss%

�� -���/�����!� �IJ#�����! ,��!,(���������#�� ����������!��(����� ������������

�����������!� ���������EYE�ss#�.�!��� �/����(������� ���������,��

� �� ������%

&�� �.���!���!�T��B�A���?<]�AhCX�<X�X`�C<aX?Xj���A`<iX`B<�`aXq%k�i?%

���!���������*���(!�!��2

1������������!������� ��������,�! ������,.������!��()�G����!� !�9������ � )����%

�� )���,����������������)�����������������!(.�(!�T

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

"! )���) ����*(����(�464)� �

"% ��)���

"' ����)���) ����*(�����������(�mbWQESINHT)� �)����

"# ����)���) ����*(�������������(�mNHbbFJ^)� �)����

" ��)����

"9 )����

"& )���) ����*(�����(�6378)� �

": ��)���

�" ����)���) ����*(��������� ���� �(�UNVSWMQXHY)� �)����

�� ����)���) ����*(��������������(�jWHMFW^)� �)����

�! ��)����

�% )����

�' )����

H���9���*����)��!,���� �����.!����� )���,�����.��g8����,�������#��.��

�� ���� (�9� �8@������ ��(��.(!�!%�U�.���.!����2�� �����/����� ��)��!���� �������!��

��9������������#���������2���)��������� �*���;�(�F������� ����*��%

&!���!� ��� �� ��#�������������������������2

.��T�

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

N��,�! ������� ����!� ���������,������.� )����(�������� ������ ����!�����. %

0)����� ����� ����(�.�����������(���������()���%�U�.�.�.��!����������,�! ����#���

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

Page 19: Язык javascript ч 2 2

���!���I>��D$�J

U���!��!�����!��������)�� ��!���!�;����,!���(�3S��o(�4%�=������"�#��!�)��9����!� ����

.��� �.(��$��$��%

:��

��T�

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

-G�5678�>���������DT

� )� ����

! ��)���

% �����)������)�������u ������)�����������)����

' �����)������)����

# �����)������)����

��)����

9 ��)������FxF�!�\JWSTH�JQTSRS�`F�EH_Q���)����

& ��)������FxF�!�\JWSTH�JQTSRS�`F�EH_Q���)����

: )�� ����

:�/����!���!�� �)���#�.�.�!���� ������� ��.��/����� �;���!������,�! ����%

:������,#�����������������!�����.����.�)� ���� .�#���������������!�����.���� �� �����"�%

1�������(�������������#�������(�����/�����#����.�!���!��F�������#������ �������,%

1�!����� �������T�.�.��)����!�� ������ )�������,�#� �(�!��30%�'��!���!#������,��)?3q/uo�%�e�

�������� ��� ������ �!�T

Page 20: Язык javascript ч 2 2

:���� .�������"���,(���� ���������!(,���/������%�=���������#�����������!���

�! �!����������u���%

N���,#�������� ���30#����.�!�����.�.#������()���! ��� �!����"���.��!����� �������%�

-��� ��!"�����/�,����� �G����30#���/���������#����.�.���� �(�!��/� ���� .�%

P��>.������!�����)�DT

"� ������ �����C�*���������;�����<�=

"! ��������*�������ss����� �������>

"% �� �������*������������ss���������5������>����;�<

"' ���

"# ��B���;�����2*����<�=����;!<

" �������;�������u����**�A30A<�=����;%<

"9 �������� ��6������;����<>

"& ���������� E>

": ����B

�" ���������*�����������u ��>

�� ��B

�! B>

:�/���.��������������(�9��T

�� 0��.!��2�!�(��!���(��������� �,(�.� � )���� �/�����#����.�!���!��F�

������%�=�������������> �IJm�T���������5������D%

=���)��������?3q/uo����30%�e� ��)������.�#����.�.����� ���������)�(���� .����

>����(�����"��������!�����������)�(���� .��������������D%�:�/����(����"�� ���

/��������(����3q������)��3e.85%

�� :�"�.��;!<��������������� �!����"���.��!����� #��.������ ����������"�%�

Q������������� ��!�����.��;�/��/�����#����.�!���!������!�����.#�������������

����"�#���.�����! �!.�������2*�������! �!���#��F�����������G%�U�.�.�.������!�����.�

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

�� -��#����������� �!�#�����F����30�;����#�/��������� .�#� �(�!��.�! ��!��F��.�.%�

1��2���������()��%�&�� ������G����� �!F���"�.%

:�����(���#�����.�.���� ���30#�"�.��������!���� ����������"��>!����������#��(��������

**�����D����!�.!������%

e�����!���!����� ��������#���� �����"������#���cnnn����cn%nnn�����.%�N��,�! ������� ����

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

Page 21: Язык javascript ч 2 2

�M

N�������.���9��� %�N�� ����.�)��(���9�����.��.(�����,�(������%

E����( ������,�! ���������� %�1�����!�����.���� ��,%

:�!��(�����#��)��!������� ����.>.�.��������

.!����.DT�

E����� ��.(����T��B�A���?<]�AhCX�<X�X`�C<iXCC�jXC2aX?Xj��X2C��<�`aXq%k�i?%

V�F����

V�F����#�F�,�c

&��� �����!�����.�����C����.��� ��!�%�1���)����! �!���#��!��F����.�.����.��.�

(�������>����D#���������#���(�������� ���� (�9� �� �0@v%

V�F����#�F�,�s

V�F�����������T��B�A���?<]�AhCX�<X�X`�C<iXCC�jXC2aX?Xj��X<�`aXq%k�i?%

{1�.!���������(� �� ��.��|

�M

Page 22: Язык javascript ч 2 2

H��� �����!� #�.�!����.�.(������, .��.!� ���2�.��� �������� T

E����� ��.(����T��B�A���?<]�AhCX�<X�X`�C<��XX2C��<�`aXq%k�i?%

U!�� ����T

• E���� �������,�! ����%

• P�.� �����.������, .��>����(���������D�����,�����������)��%

• &!���� ������������, .�;������� �����)�!���#�!���� ������!���*��%

• &!��� ���.�.�������, .�#��,���.�������)��� ��������%

}%�%�&!�������������5678<*�����!� ���)����������%

V�F����

N�!� �(��!���.�.� )���� �����.%

P�.����� ���/��������)��� ����#�� ��� ������ ��!�����.� �����C���� ��F�� �g8%

P�.�� �����.�.������, .�+�=������8@�� �����������#��/��(������������#������

.�.������.���#������!� ������,%

'��!���!#���)��;�(����.���!� ���� ����������!��. �(����%�P�.�������!� ������,�

��, .�%�:�����#�.�.� ����+�e�(�F�������.���.�.��>��������.���D��,�!�! ���%

"� )������

"! ���=�� ��$������ �������>�B

"% )�������

Page 23: Язык javascript ч 2 2

"' �

"# )��� �����C*(����;�����������ss���������5������<(�

" )���iGFTSbFJQzxHF

"9 ��)���

"& ����)����SWSE^)����

": ����)���w\G^)����

�" ����)���mSZQTH)����

�� ����)���dHRW^)����

�! ��)����

�% )����

�' )����

%���������$������� �#������'������������� �������#���8@����������(����"�

F�-�������"�*��������������� �!�������+��8@�

1����������� �/����!� ����;���!�(�����, .�� ���������� �/�����?4eu#���

�!����� ������.�.�.�� �(�!��?4euASE%

0���,�����/��������� �5678#����� � �������!���!�������(�������������%�H��(�9� �

.���9��� ���8@����!��� ������.�� ���(��� �?4eu%

"� �����g��*�� ���������5�������.�3�u���;A��A<�"�>

"! �

"% �����8���*����g����5�������.�3�u���;A��A<>

"' �

"# ���; ���*">��)���8��������>��--<�=

" �� �����*����8�����>

"9 ���

"& �� �������*�� ������������5������;A����A<>

": ����������.�� �;����f��������,����<>����_SZQEHJK�bc\JSp�?4eu

�"�������������,����;���������?�����<>����bFWFMF\JHJK�E�NFRS�aQRSGSEST

�� B

Page 24: Язык javascript ч 2 2

U���!���)�����)� ����.�.�������, .��%

U�.� �,�������!� ����G!�(����� �?4eu���, .���������,�! �����T

"� )������

"! �����=�� ��$������ ������>�B

"% )�������

"' �

"# )��� �����C*(����;;����������ss��������5������<���u���<(�

" )���)�� ��iGFTSbFJQzxHF)��� ��

"9 ��)���

"& ����)���)�� ���SWSE^)��� ��)����

": ����)���)�� ��w\G^)��� ��)����

�" ����)���)�� ��mSZQTH)��� ��)����

�� ����)���)�� ��dHRW^)��� ��)����

�! ��)����

�% )����

�' )����

`�������?4eu����������$��!������ ������,�������,��-��������������������8��

�������"���?4euy

:�!���� �)�������!� ��)��������!��(���?4eu#����������()��������!� ����

��!(.�(!(%�-���56782.����!� ��,���!�!(����������! �!�#���/�����)�%�-�����!� �

,���!�!(����� ������������;����������!��%

���$������$ ���%��dl8Y

N�����,�! ������()����.�.(������#����.�.��(������!��F�%

:���F����(����(�?4eu��������� 2/����� #��/��(�����()������������� �!����"���.��

!����� %�N��������!����! �!����������������u����**�A?4euA#�����������#�,���

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

"� ������*�� ���������5�������.�3�u���;A��A<�"�>

Page 25: Язык javascript ч 2 2

"! �

"% ���� �����C�*���������;�<�=

"' ����*���ss������>

"# �� �������*��������ss�����5������>

" �����

"9 �����;�������u����2*�A?4euA<�=���

"& ����������>����TGHT�Z^G�NF�NQ�aQRSGSETF

": ��B

�" �����

�� �� �����*�����������u ��>����bSGcIHJK�WS_HJFGK\THp�8@

�! �

�% �����bSGcIHJK�g8�\�bSJSMTQMH����]JS�bFWE^p�g8�ENcJWH�8@

�' �� ��� ���*������5�������.�3�u���;A��A<�"�>

�# �

� �����;2� ��<�������>����bSJSMTSE�NFJ����NHIFRS�NF�NQ_S�_FGQJK

�9 �

�& �����\bWYJQJK�bSTQaQJK�;MS`NS�H�IFWFa�,??�TGQ\\<

�: ��� �����������������*�� �������������������AA�$�A� ��A>

!" B

R�!����(����!���� ������

���� ����������!���� ��������!����9��*��2���.�!��$� ��%

#��(���"�!�����%��������

'�� �G���!� ��)������ �����!�����.#�������9� � ���������!��.�.�

���� ������������*����� �� ���� ���*���������;<�=

���������� ���>����_FGQFM�caG^�NFE^_FGYFM^MH

B

&���!�F����� ���)����( �����������T��B�A���?<]�AhCX�<X�X`�C<��XX<�`aXq%k�i?%

{1�.!���������(� �� ��.��|

�M

H��� ���,��!������!�)��� #� �.�! ��� ������!�)�����������������!��.�.�����

(����F���� � �!����%

V��(������)��� �,��������.T

Page 26: Язык javascript ч 2 2

N���!���.������� ������( ������,�! ����#��%�%����������,��!�����.�%

E����� ��.(����T��B�A���?<]�AhCX�<X�X`�C<j�??X�@2C��<�`aXq%k�i?%

}%�%�1�!������ ��������;�.�.��)��������.�.���������.�����!�)�����@7o#���.������e� ���

��,%�&!��/���������������(���#��� ���� ���#����@7o#����e%

N�������T

• -����(������;����� ����!����,!(�.(���F������!�)��� #�������!��.�.��

����� ������!��(%

• :�G��� ��!��.��������������. � G!��. � �5678������,��.(�����+�-�������

;���!� ���#��������#�.�.��()�%

V�F����

V�F����������� ���#��������� �����!�����.����.��� ��!��������������)� ����.�.��

������.��%

Page 27: Язык javascript ч 2 2

P,����!�������������#��!�����.��)�������������������@�����������.����

������������������������%

P��!�F����T

"� �����@��*�� ���������5������.�@�;A���@�A<>

"! �

"% � ���������5������.�@�;A������A<� �����C�*���������;�<�=

"' ����*���ss����� �������>

"# �� �������*��������ss�����5������>

" �

"9 ��B���;�����2*����<�=

"& �

": �������;������ ��u����**�AeA<�=

�" �������� �3��������;��������f�����������<>

�� �������������� ���>

�! ����B

�% �

�' ���������*�����������u ��>

�# ��B

� �

�9 B

�& �

�: ����������� �3��������;���f������<�=

!" �����@�����*����>

!� �����@������*������>

!! B

V���� ��!���!��B�A���?<]�AhCX�<X�X`�C<j�??X�@<�`aXq%k�i?%

&!����,!(�.��.�!���.

N���,#������.�!���.����,!(�����#����������������� � �/������@7o���(.������

��(���#� ����.T

� ������*����������5�������.�3�u���;A��A<>

! ���; ���*">��)���������>��--<�=

% �� �����*�������������u ������>

' �

# �� �����*�� ������������5������;A��A<>�

��������*���>

9 B

P�.���.�/����������������(������������#��!�(��!���������������.��� ����$� �.�!���.�%

Page 28: Язык javascript ч 2 2

&!���!� ����������! .�����! �!��.�.2������� ����/���/������������������;�

.�!���.��()����.�F�! ���%

H����������� �!��.�

N������.��.�!���.������(�����0@v%�H���.���!������������.������ �!�� � �!�����;�

����.�g8�8@%

&���!�F����T��B�A���?<]�AhCX�<X�X`�C<j�??X�@<�`aXq%k�i?%

{1�.!���������(� �� ��.��|

�M

H��� �����.#�������!��.�.��������.�� �(�!��)0@v���*(� ������(���� �����

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

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

P�.�/���)��!������T

N����T

• H��!)�����.��0@v��)����������,!()������������.�����!�� ����!��

��9������6378%�U�.�����!�����.��������.����� ���������%�E����( ���

���,�! ����%

• H��!)�����)������!)���� )��������,�#� ��������� �(�!�����.#�

���!���!#�)�����*(��(�)�����)���)���%

E����� ��.(����T��B�A���?<]�AhCX�<X�X`�C<?�`^C2C��%k�i?

V�F����

=��2�.�������.����������������(����,�! ����%

:�!���� �)����#�����)�����!�� ��������������������������2���!��.���! �!(#�.�!� �

��!�������$!��"������#���.�. ����.��(F����������%

0����!�� ��� ��������������� ���������������������������u ����.������(����e����

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

"� � ���������5������.�@�;A� ������A<� �����C�*���������;���<�=

"! ���� ������*�����ss������>

Page 29: Язык javascript ч 2 2

"% ���� �������*����������ss�������5������>

"' �

"# �������������������8��C;���<�=���

" ������ ����8������*�� ����;ADpJH�NQ�A-���-A�A<>���

"9 ���������;2��8�����<��������� ���>

"& ����B

": �����

�" ����B���;�����2*����<�=

�� ���������;������ ��u����**�AeA<�=

�! ���������������������8��C;�������e�������;A���A<<>����;+<

�% ������B

�' �����������*�����������u ��>

�# ����B

� ��B

:���!.��;+<������(�������!��(�#������� �� ����#��%.%�� �� ����������!)������� �

����� ���!��#�����!��(��;� �����������(.����� �5678%

&���!�F����T��B�A���?<]�AhCX�<X�X`�C<?�`^C%k�i?%

{1�.!���������(� �� ��.��|

�g

H�������!��! .(�����"���!��.�.�������, .%

N��T

U!�� ����T

• E���� �������,�! ����%

• P������)�������������!��( ��������.����� �����" ������!.%

E����� �.�T��B�A���?<]�AhCX�<X�X`�C<j��a2CA��2C��<�`aXq%k�i?%

}%�%�1�!������ �������#��������"����������!��(���(���, .�%�=���������#� ��������

�!��!(�����������������!.�%�H� ���� ���#�.��/���)�������� ���%

}%}%�%�:�����,(��������������� �,�"���������.��������"��%

Page 30: Язык javascript ч 2 2

V�F����

&��.��.��>�!�����.D

�� 1�!�����.� �����C��)��� ���������#���� �������"(����365e0%�1���(����

�,�!�! ����.�.��������36%

�� &!��.�.�����36��!�����.��(�����(��������!����36#����.�!��.�.�(��

>36�����@����D��� ��� ����$(�."���� �, ����#���!��� ���� ����!�.�.�������%

�� �(�."���� �, ����;� �u��f�����<��(�����!��! ���%

&��.��.��>�!��! .�D

�(�."����!��! .�T

�� &�!������ ���3q����3./01� ������ � ��e

�� H!��!(�������� #������(�� ��e�� �;� ����<#�$(�."���� ������ �������

��������"�%

�� N�� ����3q��������� ���!���� �3./01

V�F����

�B�A���?<]�AhCX�<X�X`�C<j��a2CA��<�`aXq%k�i?%

{1�.!���������(� �� ��.��|

���!�����������9�������"'���5����"����� !����

��� .������"�����(�.��������;�/���!���!������� ��������,�! ���������!���.����)���

/����� %�1��!��������!F#���.�.(��� �� �����������!���!������. ��%

'����,�! ������� ��������� �����!�����.�������������!�������� �� � %

'��!���!#������()����������������!�������.��.���T�3H�!�����4#�3Q�,!(����4#�3&��.4����%�%

&�! �#�����)����!� ��� �, (�;�/���� ���.�)�(��.��.(�������������� �� ��!�����.%

'��������9��!�F���������(��)���(������� �������,��!�����.����� �G�MFNz%�:���.�.��

�(�!��MFNz�����(�� ��!�����.%

'�.�.�����(�����#�.�.(��.��.(���)�����.�.��!�������/��������+�=�(������(�����)���!�F���#�

��� � �.�)� �.��.���()�� ���������� ����"����� ���!��(�#�.�!� ���� ������������ �>�)��

�!��(������������ ����#��������+�� ������ ������� �5678MDT

)�������� � � ������ �K��L� �L�yQ`MHJFf�IJSZ^�mShWQNHJK)��������

a���2����!��(��

56782��!��(��#�.�!�������������������������� ������ �������� �5678M%

Page 31: Язык javascript ч 2 2

:����"�$�.�"��������!�������/��%�-9��������}I#�.�!� ���,���� ������ �� ��������.����

��!��(����#������9���������!)� �������!�(��!���%

&/��(#��� �������������� �������!��(� ������+�2�/��� ���������� ��(�(9�����

�!�)������ �����!��5678M� ������9��%

1�!�����.������ �������!)������!��(����� �����������%�:�,���������!���� ��!���!T

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

"! ��)���������������� �*(����(�yQ`MHJFf�IJSZ^�mShWQNHJK)��������

"% ��)���������������� �*(� ��(�yQ`MHJFf�IJSZ^�PQRWcaHJK)��������

"' )����

"# �

" )������

"9 ���������7���;����<�=

"& �����������*���������;<�=�����;A\ShWQNYzA<>�B>

": ������� ���*���������;<�=�����;AaQRWc`QzA<>�B>

�" �

�� �� �������*����>

�! �

�% ������� �����C�*���������;�<�=

�' ���� �������*���LL��������ss���������5������>����;+<

�# ���� ������ ��*��������e�������;A��������� �A<>

� �������;���� �<�=

�9 ��������������� ��;<>

�& ����B

�: ��B>

!" B

!� �

!! ��B�7���;� ���������5������.�@�;A����A<<>

!% )�������

6'������������ ��������*�"������(�����������*����� �#��'$��&����*�$��"���

�'G���7�����/��#���'��'��#��������'$������,��$����*������$�7��� ������"�#�������

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

z�� �/����(������������������ ��������,�! ���������� +

• '���()���������.�#�������!�� �����!�����.�.�)� �.��.�%�0���F��.��#�����F��

!�����#���!�����,�������"�����"��%

• H�!(.�(!��5678����� ������2�����9��(�,��. %�0���)������ ���<(������.��.�� �

���� !���%

Page 32: Язык javascript ч 2 2

• N���� ������� �����������������%�0���)�������� ����.�����3����A`2C��X4#�

3����A`2?A�a4� �������������� �%�1�!�����.��� �G��.�������� ��+��� �� ���

�� ���� (�9� �����%�=���� �� �����������(���%

P����� �.��� ��!���!�� �F���)��� �����#���������������� ��������� ��r�.��������f�

� ������ �,���C?���f� �,���C8 ��#���.�.�.�/������!��������#��������2�!�����.������� %�E�

��� ������#��� ���� ���#�.�.������( �,���C(-����;<%�=������������������ ���������������

(�!������������������!).(�.��%

,�%�!�9�������"��$����"������ ��

e,!�������,�! ������)�� ������� ������(��$(�."��#�.�!����(������.������)� F� �/�������

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

&������$(�."�������� ���,���$!� � !.��#����,.��)�������������� �%

�[

'���F����$(�."������(���,����,�! ����%

H���� �� �T

� �������;� ������f������u���f�����]GFMFNJf�\SZ^JHF

! ����������;����<�=�����Bf����\FGFTJSW

% ����������;�<�=�����B����_Fp\JEHF

' <>

�(�."����)��� �F�����!�����.�� ������� ������u���#��!���!����� �������.����

��)� F� �����#����.�!,�$(�."��2���.�!� � !��������#��� ��� ��������G��$(�."��2

�� �� ������!� ����������%

&!���!������ ����T

� �������;�����f�A����CAf�����]GFMFNJf�\SZ^JHF

! ����������;����<�=���������������u����**�A30A>�Bf����\FGFTJSW

% ����������;�<�=���� ����, � ;���<>�B����HaMFNHJK�XEFJ�30

' <>

:��!���!����)��$(�."�������� ��������!���.��.�. ������� .�������"�%�1����������

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

Page 33: Язык javascript ч 2 2

1�!������ �������#���� .���)������!)���� )������/������%

E����� ��.(�����>����� �G#�.!��� �F� �$(�."����������DT�B�A���?<]�AhCX�<X�X`�C<aX?Xj��X2C��%k�i?%

V�F����

N�����!�F���������!)� ������.������!�����.����/�����#��%.%�!���� ���

��!��� �\SZ^JHFT

"� ����������������;����f������u���f������� t���f�������<�=

"! �������A �A-�����u�����*���������;�<�=

"% �

"' ���� �������*���LL��������ss�����5������>

"# �

" ����B���;�����2*����<�=

"9 ���������;������ t���;����<<�=

"& ��������������������������;����f��<>����;+<

": ������B

�" �����������*�����������u ��>

�� ����B

�! �

�% ��B

�' B

:�)�T

• 1�!�����.� ���!.��;+<� ��� ������ �.���.��������#���(���!���G�����r�.��

��������#����!)�9� ���$!��"�����!��F��F��%

• :� !�9����!��(������!�����.�#���.��������������������,��!������%

E�, � ��.(����������T��B�A���?<]�AhCX�<X�X`�C<aX?Xj��X%k�i?%

-����()��������,����������,���������/�����#������������)����!����������

����� ���������5����8�������������5����#����!���!���.T�B�A���?<]�AhCX�<X�X`�C<aX?Xj��Xs%k�i?

{1�.!���������(� �� ��.��|

:��9�

N��,�! ���������� �;�/����! f�&)�( #�/�����������������������!�G� ����!���������7%

1�������������#������������,�/����� #��!���.��.�!����������)�%

e,!���T

c% :�F�����!�����.����.��� ��!%

�� :��!�����.�T��(���������������%

�� :��!�����.�T������������#��!����� �!��"���.(�����������u ��#��.������� ����

�()�� ������9� �/������>���!��������,D#�����.�����(�!����� �.��� ��!�>����D%

Page 34: Язык javascript ч 2 2

Q���������� ���T

• ��!9�������"�����"�����/.�����������T�����()�� �F������,��!�����. %

• 0���F��.��T��!����� �������(�������/����� �����()����� ���������������

�!�����.�%

• ����� ��������� T��)������ ���� �������(������/��������(�G��

��������������6378%

P����#�(����,�! ���������� ������� ��,!��������%

• :2��! ��#���������)�� ��� ���%�S�F���� ������ � ��� ���#������ ��%

• :2 �!��#����,�! ��������������������(����,!(�.(�����!�(��!#� �����!�����.�

���(�.�����#�.,�����������!������� �����������.��� ��!�#����������������

/�������#�.�!�����������!����%

'������/�����,!(�.���� ��.�������� �������!��� %

Шаблон проектирования "поведение" (behavior)

�� 6����

�� &!���!

�� 1�������!��������

p�����!�.��! �����3� ������4�>]Xk���A�D��� �������� �������!����!�����.�����/��������.�!��� �#�(���� . ����"�������56782��!��(� ���.��� %

'��!���!#�������#�������!��.�.���������/�������.��� �����!(, %�P����#��)������ �����!�����.� ���!��(��� �����C������)����������,�,��2���(��� ���2.�����!���"�%

'������!�F������!(,�#�����������9��%

7%������

& ����������������� (������� %

c% =�����(���� �������!��(�#����� ��9� ��,�� ������%

s% &!����9�����,�! �������� ������!�����.�����.(����#�.�!� � ��� ���.�.���#�����/�������������()�� ���!��(�#��!�� �����()����� �� ��%

���!��

'��!���!#� ������� �������)�����������@0�/������#�.�!� ��(�����.!� �����2�.��� �����T

� )�������� � ����������� �K��L����������� ��L�

! ���GHTNHJF�_GY�bS_bH\TH

% )��������

' ��

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

��[QOQ�bSIJQ$�)����������*(�����(�

9 )����

Page 35: Язык javascript ч 2 2

P������!���.����������(�����! �!�����������/�,���!��(������� �� ���#�����������T

� � ������� �����C�*���������;�<�=

! �� �������*���LL��������ss����� ����������5������>

% �

' �� ������3 ��@��*��������e�������;A������ �����A<>

# �����;2����3 ��@�<�������>

9 �� �������*�� ���������5������.�@�;����3 ��@�<>

& ���������������������*������ �����6�������A� ��A�$�A�� �CA>

: B

V��(����T�

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

1����!������� ���2.��� ������#��,��)������� ���� ����������!���"�%

7&������%��!�����"

p����3� ������4�(��������#�����.��(,����)�������������2� ��������)��3�� �����4����

/������������F����!��(��%�e��)��;����.�.������!��(��������� ��������/�������%

-9���!���!������� ����T

• 0)���.��� �������.��.(��!���� ������#������������!��(�T

)��������� ����*(jS_\TQaTQ�bWH�NQEF_FNHH(�

��dFT\J

)����

• 0)���! �!����������������$!����!����!� .�#�!(. ��� (����������������������� %

0)����)�����������.#������!� .��$!��#��!�����������!��(��#��(����!���������!�������%

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

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

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

' )������

• �:��!(,���������#�,������������������� �� ��� � G!��.�#���/��������!�����!����.�(!(�

�!�)����%

Управление порядком обработки, setTimeout(...0)

�� b����$������'��"����

�� e����!�����������

�� :)������>����!����D�������

�� &!���!T�������� ���� �� ���

Page 36: Язык javascript ч 2 2

�� E���� ����� �������3��� ��;���f�"<

�� N�����������������!��������!��� �������3��� ��;���f"<

�� &� ����!�������!�������������

�� &� ������ �� ����!�(��!���� �!F�����

)� E�,

Q��������!����!G��3�!� ��(���4��!�G������!���������������#�.�!��������(������������!�����CX�6�iXAB����CX�I`�X���?%

D����(5������&��$ ���

:�.�)���.��� �����������.�����,� �� ���.#�.�!� ������������ �������������������#��!�� . ���!��� �����7%

1�� �������.���������� ���������.�!(������!�� � �����������.�#���.���.�.�����%

-�������!(,�����.�#����!���!�������� ���.��(��.�"� #��/��(��.��� �����$� ��)����!�)�������.���� � ���.�)�G��!��."����������%�'�/���.!�����.������#������!� �%

\X]�\A�^X�C

H(9��� (������"�$�.�"���\X]�\A�^X�C#�.�!����� �������(�.�������������������������2��.�>hA�^X�CD%

1����,(������� ��������9���������,� ������.�#���(�������!������������,(�������!����������)�(���.���%�:�.�)�����.��;�� ����!�������#��/��(��!� ��������������� ����������3��.���4#���3�!"������4%

:���������#��������������.��������������(���.���7%�1��������#��!���(9��� ���#�!�� ���������#� �.�!����)������ �� �������.�.��!"���! ��� !�����%

a���-����(����&(��"

S�F���� ������ �;������!���%

P,����!������������!����������#����������� ���!���%

:�(�!���!�(��!���(9��� (���,� �� � �(�!���� �"�.#�.�!� ��! �!������!�������!����� ����������#����(�.������ ���� (�9����!�����.�����%�%

H��������� ������ ���!���� ��!��.�����(�����%�E�,�����)���!��(����. %

'��!���!#��!��.�.�����/�������,���!�!(��������.�.������ T

�� H������� ���� ���;���)����.��.����F�%

�� Q������ ������;�.��.����F����(9���%

�� U�.�.�.�/��������������/������#������������,���!�!(���������C

:��� �� ��T

"� )���� �� � ��*( (�� ��*('"(��GHTNH�MFNY

"! )����� �� �

"% �

"' )������

"# ������*�� ���������5�������.�3�u���;A�������A<�"�>

Page 37: Язык javascript ч 2 2

" �

"9 ���� �� ���� ���*���������;<�=�����������-*�A� ���� ����A>�B>

"& ���� �� ������*���������;<�=������������-*�A� �������A>�B>

": ���� �����C�*���������;<�=������������-*�A����C��A>�B>

�" )�������

,�������-����(����&(��"��&��&��(��2��"�%��������������4

1�� � ���.#�.,���� �)������#��������� ���!���#���!G����(���������#��!����� ���#�������

�(����������!�������(�9�������.�����%�P�)�����������!����� ���������������������

�!(,��%

:��!���!�� �F���(�(������ �������!�������� ���� ��#�� ������������C%

,��*���(��X���-����(�\���&(��"

'�.�!�����������!����� ����������!��#����������.� ����������!������ �����!�����.��(��

)�%

P�.��!� �#�����!�������(�(��������#�.�!������"��!(����� �� �������%�E�.��������������

� ������I`�X�`X��Jq�?A�X��> .�����cnD#� �.�!������� ���������������!����%

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

P,������������$.(��!(��������/������#� ���.����������� �� ���%�'�$.(��! .(��)�� �� �����

� �#� �� �������������� ���;<%

:�,� ��H��������������3uA�BC<]?B�4��������.��������/��������������!����#����.��;���)�����

���.��.(� ��!���!����)�%�&!��/����(���� �� �������������� ���;<#�.�!� �(���� ���$.(�����

��.�� ������������ �� ���/����������� �� ���%

:��( �����#����������� �� ����;�����!���%�-,��!�����.� �� ����������� ����� ���!���#���

����������(��)�#����� �!F����� �����CT

"� )����������*(���� �(������*(yQ`MH�MFNY(�

"! )����������*(����(�����*( "(�

"% �

"' )������

"# �� ������ ��*�� �������� �����������"�>

" �� �������*�� �������� �������������>

"9 �

"& ������ �� �����C�*���������;<�=

": ���������������-*�A���E� �����C�A>

�" �

Page 38: Язык javascript ч 2 2

�� ���������� ���;<>����E^aSE�HNHXHHWcFJ�\SZ^JHF� �� ���

�! ����

�% ���������������-*�A�Ha� �����C���A>

�' ��B>

�# ��

� ������� �� ����*���������;<�=

�9 ���������������-*�A�2� ���2�A>

�& ��B>

�: )�������

/��(#�������������'��"����BC��%��>���'$��� �� ��������&������ �����#���'"����

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

���������������3����'"��������"�*���BC������",���'��"���� �#��'$�"����*������"�

:�%��� ����������[������Q���6��R

:�� �$(�."��#�������! ��� ����3��� ������@������#�.,����!��G�� !���#���� ������ ��(�)��

���(����!��������� %

:���������#�������!�(���.�� �$(�."�����������! �����G���!������3��� ��;�f�"<#������

���������� ����������.(9�,�.��������� ���������,%�U�.����!���#�����)����)����

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

:��������3��� ��;���f�"<������@��������

:�/� ���."��#�������������!���!���!9�#��������! ���������������3��)� F���

!���4���������(������3��� ��;���f�"<%�=�����(#������ ��!��� � ����!�(��!�%

:�������,�!�.����(���������/$$�.�� �� ����@��������%�=�����������,�.!��2

�!�(��!����/�(�"���!���!���� �,� ��CX�IiiXa���X%�-��� .!��"�#�

����@��������;����<�/�����3��� ��;����f�"<������F�� �����!).�����3��.4��� ��!�%

<����!���&(��"�����-����(!������ ����[������Q���6�R

P�.��!� �#��!�����.������� � ��� ����������!���%�0���!����,���#������.(9� ��!�����.�

�� �!F�������!������#�.�.�����������!(, %�:)������������������/���!� �������F� ����

�!���.(#�����)������������(���� �%

z�����������������������!�����;��)����!�(����� ���� (�9� �

�� ������� ���;<� ���3��� ��;���f�"<T

� ���� �� �����C�*���������;<�=

! �����

% �����3��� ��;��������;<�=

' ���������� ���;<>

Page 39: Язык javascript ч 2 2

# ��Bf�"<>

�����

9 B>

N�������!�����!����!(,����(���#�.,�����. ��!�.��)�������������%

�� ��������������2��&��&��������&(���

P�.���������#���������������������!�������������.�#������� ��� ����.�!������%

z��)�������#��������!�� �/������������!�������������������,#�.�.������������!��,�!(���

!�����+

'��!���!#������������ ������� �C��� ����!����� �����9� ��!�����.�3,!�����.� �F4#������

/������������ �C��� ��������.�. 2�������� ��!�����.� ��#�.�!� ��)����!����� �������

�9�,%

��)���������(�;��(�.� ��!���!���.��C��� ������/�������������()���������� �� � ���������!���

�� ���#���������;������,#�.�.���������!�������!�����%

0)������� ����$��(���� ����>.!���IJO2D���!��������!�����.����� �������T������!����������$����

��� ���#� �!���;����$���� ������%�'������������� � �!����������3��� ��%

V�F�����;��)�����!���.(���!������3��� ��;���f�"<#������������������������� �����%

'��!���!T

"� )����������*(���� �(������*(yQ`MH�MFNY(�

"! �

"% )������

"' ��������*�� �������� �����������"�>

"# �

" ������ �����C�*���������;<�=

"9 �

"& �����������������;<�=

": ����������������-*�A���������A>

�" ��B

�� �

�! �����3��� ��;������f�"<>����SJGS`HJK�SZWQZSJTc

�% B

�' �

�# � ������� �����C�*���������;<�=

� ��������������-*�A����� ������A>

�9 B

�& )�������

Page 40: Язык javascript ч 2 2

�� ���������5����2�&��$ ���� ���������"

V�������� ��!����������,#�.�.��!�(��!��!��������� �� ��%�'��!���!#�������� �C��� ���������

�������!�����.#���()��������� ��� ����� ���� ��%�=������������!���#������

�!�����.��,����������� �� ����!�(��!�%

'��!��/����������)����!�������!��(����� ��%

N� � �������!��#���G��!���#�����!���!�%�:������)���!�����.��!� �������������.� �!����(�

!�,���!(��!��.�)�����)����%�&�!�( ������!������2���(��T

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

! �

% )������

' � ���������5������.�@�;A��A<� �C��� ���*���������;<�=

# ������������*������������ g���,���;<>

B>

9 )�������

3����'����2�;����'�����y�0��#����"���#����� ������������ �������� ������ ������

'��"������'�����,���� �����,� ������'��'�����C��� ������������

:�!�������C����

-�����������C����#�.�!���!�������������(�.�����.� �F�%�0���,���������� ���

�,%�'� �/����(������� ��(��������������.����������.��#�����������!�,���!��!��

��(�.�����.� �F�%

=�� �,�������!���#���!�( ��T

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

! �

% )������

' � ���������5������.�@�;A��A<� �C�����*���������;<�=

# ������������*������������ g���,���;<>

B>

9 )�������

+��� ����������&��&���������&�������� �����5����"�&��$ ���]

V�F�����;��)�����!���.(���!������3��� ��;���f�"<T

Page 41: Язык javascript ч 2 2

"� )��������*(��(�����*(����(������� ���*(wbJHMQGKN^p�EQWHQNJ(�

"! �

"% )������

"' � ���������5������.�@�;A��A<� �C��� ���*���������;<�=

"# �� �������*����>

" �

"9 �����������������;<�=

"& ���������������*������������� g���,���;<

": ��B

�" �����3��� ��;������f�"<>

�� �

�! B>

�% �

�' )�������

�̀,����'��'��#�����"������ �����'������������ ����������#������� �#��'$�

�������*����������������-�"�

:��9�

• ����������� ��������� ���������.�%�H !���������!�(��!���� �����!)�����

���!"�����\X]�\A�^X�C#���� �����������!��������,(����!� ���<�!��������

��9����#���������������(���.���7%

• S�F���� ������ �;������!����%�H���!������� ������ )������������#�

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

• U!�.������3��� ��;����f�"<��)���!�������� ��!�����.��T

• z����������� )�����������������!����%

• z���������������� ���������!��������!�����.������!������%

• z����������!�(��!(� �������� G��� �� ��%

:��������3��� ��;���f�"<�!�.����(���������� ����CX�IiiXa���X%

Введение: клики, кнопка, координаты

�� `�$��'$����$�

�� &!�����������

�� P���.�����������

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

�� &(��������$!��"����.��.�T� �������������� �

�� H�����!������ �� �

�� H �� � �������� �� �������IJm�

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

�� 0��$�.��!�� ���������� �#��������� �#��������� ��������������

)� P!���������F�

�� 1���������.��T� ������������1

�� 1����������.(�����T� ���������1

�� 1���� ��(������IJm�

Page 42: Язык javascript ч 2 2

�� N����(������.!��������F�

H� E�,

:�/� ���������������.������������.������� ���F�#�!�����!�������9���� �� �#�����.)�����������#�.�!���� ��������.�.�%

=�%(���&(��5�!(��

�� ���)��!������������������� ������T�3�!����4���3.���.����4%

�����(����&(��"

�������B�

P��.����F����)��������/������%

�������

P��.����F����(9��������/������%

��������

0�F���� ���������/������%

��������

0�F��(F����/������%

��������

P�)���� �)�������F������/�������,���!�!(���/��������%

+�!%�����(����&(��"

����E

:��� �������!��.�.����F��#���������!��� ���� ��#���������� �������������/������

�����������

:��� �������!��.�.���!� �.��. ���F�����/������%

�������E

:��� �������!��� ���.�.����/�����(%

P���.������)������ ��������!����#��/��(� ���!����)��������� ����� �9���������%�'��������#���/���!F#����(�����������(�����%

���"�������&��(����"���&(��5

1����� �� ����)��� ��� �������.�.������ %

'��!���!#�.�.� ��� ������������ ���� ����!����)����#���������� ������������C��!����(�.�����.��.�%

:������(����#�.,�������� �� ���,���!�!(������.�.������ #�����!��.�$�.��! ��%�U�����#��!�����.�� �� (���� ��!��.��� ���� ������� �������������C%

P�.�������.��.����)���� ��( �����#�.�.����!��/����!�������������%�&�!�( �����.)��� � �.�.%

'������2���������)�� �����F������������������ �����#���������)�(�����������!�������F��c���.(���#���������(���� ���������������������� %�U�.)���!��(��� (���� �� ����������� �#���.�!����)���!�������.��.(���F�%�0�����!�����!�������%

Page 43: Язык javascript ч 2 2

P�)�����������!����� ���������� ����%�'��!���!#��!��.�.���������� ������-�����C ���.������ !�����#����!����� ���������� �����%�H��������������� �!F�������!���.��� �����#���������(�.����������C%

1�������������C� �IJO2

:����!�(��!�#�.!���IJO2#�,���!�!(����������C� ���������.��!(,����������%

U�����#�����T�� ���� ���>��)�D���� �����-����C�>�)�D���� ���� ���>��)�D���� �����-����C-�������C�>�)�D%

IJO2���� �!��.�.�����,���!�!(���� ���� ���������C%

&(�������� ���� ���>��)�D���� �����-����C�>�)�D���>��)�#�����������D�

�� �����-�������C�>�)�D%

&/��(�� ����� � �.�.� �IJO2#����)� �����.�����C#������%�'()����������������������C%

���$�����������!����������%��'�B���������

&!���!���.������� #�� ����������.�.������F�#��� ���� �)�������#�.�.���.��.����)���%

N���(������.��.����F�� ��r�.��������������� ��� �� �T������������� �%�1����!�����.��.(� �����������������#�����������.�!�����!�(��!�������� �����������%

'���!�.��.����������(�����!��.#��%.%�������!�����.� �F��������� �����C�;���.����� (��

.��.(���F�#���� �� ����������;���.�����!� (�%

/��������(�����5����

&�������!�(#�(���F���������� ������� �� ������#�.�!��!�����������. � � �����!�(��!��#�.!���IJ#����������(�9�����������T

• ������**���2�� ���.��.�

• ������**�!�2��!������.��.�

• ������**�%�2��!� ���.��.�

=��� �� �!������� ����#�.!���IJm�%

/��5��������������"�YRZ[

:�9��, !�#����!� ������7���ACAu�#�.�!� �����!)� ������IJ#�����(�� �!����#����������%

:��G������(������.��.�������(������ �� ����� �#�.�!��� ������[2�������������#� �.�!��.�)��(����(��� ���� (���.��.����F�%�S���(���� ��� �c#���.������� ���� (�9���.��.����)���%

z�����,�!��F�$! ����;��()������� �����!�"���L�>3��� ��E4DT

• 22;���� ��L��<�**�����>c �����(���� ��D#�������)����� ���.��.�#

• 22;���� ��L�!<�**�����>s �����(���� ��D#�������)�����!� ���.��.�#

• 22;���� ��L�'<�**�����>[ �����(���� ��D#�������)�����!������.��.�%

&!��/�������)���(�����#�������� ��.��.����)������ !�����%

Page 44: Язык javascript ч 2 2

:�� !�������IJ�����!)� ��������������T��������������� �%

P!���!�(��!����� ���� �� ������

'������(���� �.!��2�!�(��!�� ������;�/�� ���������� (�������!����� �� ������%�&!���,���(��� ���> �IJO2D#����� �����,���������������� �%

�(�."��#�.�!������ ���������#������,����T

� �����������������;�<�=

! �����;2��������LL������� �<�=����F\GH�������NFJf�NS�F\JK����� ����

% �������;������ ��L��<���������*��>���������GFEQY�TNSbTQ

' ������������;������ ��L�'<���������*�!>����\WF_NYY�TNSbTQ

# ������������;������ ��L�!<���������*�%>����bWQEQY�TNSbTQ

��B

9 B

&!� � �.�.T�A`�A`�Xq�iX`B

&!��.�.���!� �.��. ���F���!�(��!��.��� ����� ��.���.���������%�=��� �������,��� �� ����

��(������T

)������� �� ���������*(����;A�GHT2A<>(�jWQE^p�TGHT�\z_Q)��������

;�����"����������'��'��#���'$�� ���������-���������*�����������"���#��(� �

������$� ������������*������������������,�����(�

:��!���!����)�����������(���T

)������� �� ���������*(����;A�GHT2A<>����������(�jWQE^p�TGHT�\z_Q)��������

)����������(�����.� ��.�����������

:� ��������������F���!��(��� (�����$!��"������)�����.� �F��2���$�.��!��%

H� ���� (�9���� �� �T

• ��������

• ������

• ������

Page 45: Язык javascript ч 2 2

• ��������>���7��D

'��!���!#�.��.����)���!���������.����*��?l�k�u�lP�.T

� )�������,��-?����-�GHTNH�MFNY2)��������

! �

% )������

' ��� �������� �����������"�� �����C�*���������;�<�=

# ������*���ss������>

�������;2���������ss�2����������<�������>

9 ��������;ADWQ2A<>

& ��B

: )�������

�)

=��������������������!G������� %

c% H��� �������.#�/�������.�!,��)�� �������.�.�%

s% N�� �����(���2 �������%�-���.�.�����)�����,���>,������7��D#���/������

��� �����2(����������� ��������%

[% N�� ���� ���������!��)(�. %�-����!�������.�.�����)�����?����#���.� ��������

��� �������!��)(�.�/����� ����!����(9�,�.�.�(�,���/�,%�&!��/������ �)�#

.�.���������� �� ��������!����(9� �.�.%

=����)������#�.�.�!�������$� � ������)�!� �!����1H#����(����!9�#���.�.�.�

.�.!������!�����"��� ������ �!����������(�!������1H#����G������ ��!�� �������

��� ����� �/�(������(%

N��T

E����� ��.(����T��B�A���?<]�AhCX�<X�X`�C<CX?X���]?X2?�C�2C��%k�i?%

}%�%�:�/� ���������)���������#���� �/������������.���)����������.���.��#����� )������

��, %

}%}%�%�1�!���.���� !�����,���)�����,��>,��D���?������)���������� %

V�F����

V�F����#�F�,�c

Page 46: Язык javascript ч 2 2

:����������,�/������T��B�A���?<]�AhCX�<X�X`�C<CX?X���]?X2?�C�2c%k�i?

1�!������ �������#���.�.�.��������!)� ���� ������������������#����!�(��!���

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

P!����,#� �!������.���(�F����� ���<(������.�����������������������#������

�!������!�� �����������u���%

V�F����#�F�,�s

:����������*��?T��B�A���?<]�AhCX�<X�X`�C<CX?X���]?X2?�C�2s%k�i?

V�F����#�F�,�[

:�����������k�u�T��B�A���?<]�AhCX�<X�X`�C<CX?X���]?X2?�C�2[%k�i?

{1�.!���������(� �� ��.��|

+��������(�!(��

:�����F�������������!����� ������.(9���.!�������.(!�!�� �� (�� ����T����������.�����

����������.(�����%

7����������������'�������n�`

-����������.!��2�!�(��!���� �� ��������>������1D#�.�!�����!)���.!�������

������������� �%

&!��/��#����!���!#����� �F��.��!����!��MnnqMnn#�����F����������� �"���!�#��,���

�����������������1��(�(��!� ���sMn%

-����!.!(����� ���#� � ���� �!������� �,����!��/�����F�#��������������������������1����

���������#����(��������������������������.��#�������.(�����%

&! ��������F����������� ��#������( ��������������������1T

)������ �� ���� ��*(�����������*��������������-A$A-������������1(�

1����������.(�����T���jX�<�

1����#�����!���.��������������()�����������"�����F������������.(�����#� ��������

�.!�%�N��/�,�������!��\[*��!����� ������!(�� �� ���������1%

-��� �F��.��!����!��MnnqMnn#�����F����������� �"���!�#��,���������������1��(�(��!� ���sMn%�

-��� ���!.!(�������!���"(����sMn���.��� � ���#���������������1��������!� ����Mnn%

E��.#���!����������1����!)���.!����������������� ,� �!���,�(,���.(�����#� ��������

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

=���� �� ������!)� ������ ������!�(��!���#�.!���IJm�%

&! ��������F����������� ��#������( ��������������1�>.!���IJm�DT

)������ �� ���� ��*(�����������*�����������-A$A-���������1(�

Page 47: Язык javascript ч 2 2

1���� ��(������IJm�

:�IJ��� �!�������������!)� ������� �� ����������1#�������)���(����#��!��� � �

.��������������1� �����(��!.!(�.����!���"�%

S�����!�����G� ��������� ���)�����!������� �!�������!.!(�.����!���"�%

0��)���������!� �����,� � � �!����#�.�!� ��� ���������(�������������1�������!���IJT

"� ������������4���1;�<�=

"! �����;�������**������LL�����������2*������<�=����F\GH�NFJ�������

"% ���� �������*�� �������� ������5������>

"' ���� ��� ���*�� �������� ��>

"# �

" �����������*�����������-�;������� ��8����ss�� ���LL�� ����� ��8���ss�"<>

"9 ������������*������������8����ss�">

"& �����

":���������1�*���������1�-�;������� ��3 ��ss�� ���LL�� ����� ��3 ��ss�"<>

�" ���������1��*������������3 ��ss�">

�� ��B

�! B

N����(������.!��������F�

H��(�9� ��!���!��.��� ����.!���������F������������.(�����#���� �����!�(��! %

� � ������� �� ���� ���*���������;�<�=

! ����*���ss����� �������>

% �����4���1;�<>

' �

# ��� ���������5������.�@�;A� ����A<�������*�������>

��� ���������5������.�@�;A� ���1A<�������*������1>

9 B

P!����������T

P!����������T

:��9�

H��������F�����������(�9���� �� �T

• P��.����F�T�������>���IJm�T��()����� ����������� �D

• =�����#� �� � F� �������T�����

• P!������#����������.��T���������������1

• P!������#�����������.(�����T���������1�>���IJm�T��()����� ��������������1���

�!.!(�.�D

• -�����)�������"%�.� �F�#���������� ���� (�9���

� �� T�������#�������#��������������������>7��D%

Page 48: Язык javascript ч 2 2

�[

-����.�.�����������������2��!� �b8<8I�>��%������(�V��.!� ��9�������!� D%

"� )���

"! ��)���iGFTSbHJQzxHF

"% ����)���

"' ������)����SWSE^)����

"# ������)���w\G^)����

" ������)���mSZQTH)����

"9 ������)���dHRW^)����

"& ����)����

": ��)����

�" )����

&!��.�.�������, .���,�����.��,����� ��.!� �����2!��.!� �����%

:�,�����/����.T�>.�.� ��������, .�D

1�.!���� �

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

1���.#��!����� ���#�����.!����2!��.!������!���������)���!��.�.�� �����, .�#����

�(�����!��!���� ����!� ������,%

P�.��.!� ���<!��.!� �������� ���.��!��.�.�������, .+

:��������V��.!� ��9�������!� �/��!�F�����.T���, .���� G!�(��� �/������?4eu���

�! �!������.�.����.�������%�&!����� ���������(�(#�����������)����������������

��!�)�������!�� ����������/�������%

Page 49: Язык javascript ч 2 2

0������56782��!(.�(!(����!�9��%

-������!�F����+�P�.�+

E������.�.���������!� T��B�A���?<]�AhCX�<X�X`�C<��XX2�AA�aC2C��<�`aXq%k�i?%

}%�%�Q������;��.!��������!����������#����.�������)�������������� �!���� �

)����%

V�F����

&��.��.�

���������.�.�������.!������%�&! �!���������#�������.�.������, .%

H��� �,(�.� �(������.!���������)���(����� �� �aA�BiX`�%X?XiX`�t�Ai}A�`�>�?�X`��#�

�?�X`��D%

%%'���, .�� ��������.�� ���(��#��/��(�/���$(�."��������,�!�����������(���%�

1���.�/�#� �G�)�#��)��� ��%�P�.+

&��.��.��s

0)���!��.�.�����8@�������� !������ �?4eu�����!��������� ���,���.�� � �(��2

��, .%

&���/�,��! �!���#�������.�.� ���,��� �!�(��� �G�.�.���%

� ����<�aQESWQIHEQFM�JFT\JSE^p�caFG�E�?4eu

! �

% ���!<�bWSEFWYFM

' �������*�� ��������������t �4 ���;���������f���������1<>

# ����,���C/�3�����*�;�����**�����<>

9 ���%<�ESaEWQxQFM�JFT\JSE^p�caFG�SZWQJNS�Ha�?4eu

'��F�,��[���.�� � �(��� �����������!�������?4eu#� �G� � !�9������ ��������

�������%

V�F����

V�F����T��B�A���?<]�AhCX�<X�X`�C<��XX2�AA�aC<�`aXq%k�i?%

{1�.!���������(� �� ��.��|

События движения: "mouseover/out/move/leave/enter"

�� .�'$��� ����� ��� ���� ��� ��� � �������� ����������3���

Page 50: Язык javascript ч 2 2

�� z����������� � ����� ���� ��� ����������� ��� ��

�� U������� ����� ���� ��� ��� ��� �����!������!��� �)����

�� 3Y�F�� 4� ����� ��� ��� �����!��(����������.�

�� H������ ����� �������� ����������� ��������� �%

)� &!� !�9����� ����� ��� ��� ��� ���� ������ �������������

H� E�,

:�/� �,� �����!�����!���������#� ���.��9����!��� �)�������F������/��������%

/�&(��"������������������.����5�������� ���[ ����

H������� ��� ����!������#�.,�����F���� ����������/������#���� ��� ���;�.,���(��������

��,%

:�/��������������F����!����������,�/�����������!(, %�1���/����/��������)���(��������� �� ��r�.���������%

��������

=���������.(!�!��;������������>IJT��5������D%=�����#���.�!,�.(!�!��!�F��;�������������3����>IJT� �5������D

��������

=�����#���.�!,�.(!�!��!�F��;������������>IJT��5������D%=���������.(!�!��;�������������3����>IJT� 5������D%

P�.� �� �����#����"�$�.�"���\[*��r��������� �5���������� 5������� ����� �� ������3���#�.�!��!������#�.�.�� �5����������� ��� �����.�.�� 5����������� ��� ��%

:�IJ�/��� �� ��)������ ������.T

� ������������q������3���;�<�=

! �����;2��������3���<�=

% �������;�������**�A� ��� ��A<���������3����*���� �5������>

' �������;�������**�A� ��� ��A<���������3����*���� 5������>

# ��B

B

Q��������������3����>� 5�������� �5������D��)������������

U�.���� ���#����!���!#�.,�����F���!��������2����!��� �.���

(�� ��� ���(����������3����*�����%

'�)��������������2�������������� %�1����������� �@tqe75#���.�������������������)��( �����#

������ �����.(!�!����3S�4�� �!�(%

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

Page 51: Язык javascript ч 2 2

���������&(��5��������������������

H������� ���� ����!����� �����!����!�� �)�������F�%�'�/�����������#����.�)�� ���.����/.!����

�!)������������������f

H������� ���� ������ ��� ���� ��� ����!����� ��������. ������ #���.�! �/���� ����

�(�!���� ��� ��!��!�(��!�%

=���������#�������� ��� �,�������F������������!#�����72/������#���!���.�!�����F��

�!����������F ��.!���#��,(��������!�(9���%

• P(!�!��)�������!���!� �������!������.���/������� ����!�� #��!��/������ �� � �

����� ����!�����#�.�.��(�������!���!��������.,�������!���%

• P(!�!��)�������!� � ���������!��,�/�����������,���!�"�������� ����!�����%

'����!�������.�!(��.�"���(���(����!���������.,������#��� ������!��(���%������!�(��!���

�)����!�(�������!��)(������/������#���,�!����!(��#��������()���F����F�����/������

>�!������������� ��� ��D#����!�� ���������,��!���������� ��� ��%�'���)���

����� ��� �������� ��� ��������!�%

U�.����/������������ �������G)���!����� ������������/��������(�������,%

=������"������������������%���&(����!����*����

&�!�( ���/��������� �����������)�%�0��������! ��������F����������� ����/��������%�&!�

/����)����������������,���������������(������.�.!���� ����#����)����������.������ %

e��9����!�( �������!� � �������F�����.!���,����.���. �������� %�V������.� �/�������(���

�!�,�!�! ��%

=���

Ip����5J����������%���$-�������%���!��

&!����� �������(�"���;�.(!�!���F�����/�����%�H!������ ��� �������G�%�&���.(!�!���G�����

���!�� ��E#�.��� �����#����/������2!�������!��/����!�������� ��� ��f�P�.��(���.(!�!�����,�

(FG#������� ��,��F����!�FG�������.�%

Page 52: Язык javascript ч 2 2

=���!����������(#�����,�����!�(��!� �,�.�#�.(!�!���F���)����������.�

���������/�������;�������,(�.��� ���7�>�� �!��������2�`aXqD%

U�.������������!�F��������.��;��������(FG���!�����%

=���)��( ������ ��!���!����)�%�:��G��.!���� ����� )��� ����� %�'��������������!�����.#�

.�!� ������� �����,�� ��� ���� ��� ��%�Q� ������������ �/�����#���������!� ��������F�����

.!���� �;��������� ��������������T

• &!��������������� �;�����G���!�������� ��� ��%

• &!����!�����������,����.!���� �;��(�(�� � �������!��(�� ��������T

�� � ��� ��������$�������;�(�����!�����%

�� � ��� ��������$�����;�.�.������!���#�3�!���� ���!���4����!�����%

'����������#��!���,���!��������%�H������� ��� ����� �����������#���.�.(�

�!�����������.��>����!�����������D#��������� ���%

&(������#�����!����!�����������.��.(!�!�(������ ��� �����!�����#����������(��)��

��!������� ��� ��������,%�&!����� � !�9������!������������G�� �������� ��� ��������.�%

P�.�/�� ��������� ���������F�,�.��#�.�!� ������(���/���������+�'��!���!#��.��� ������

�.!� �������.��.(+

-����� �� ����!���� ���������(����.(!�!���!����#����!���!���������������*�(�� �C�� ��(#���

�)�� �9������,������������%�N�����.��.���(������.���(������F���!,����%

-���)���!���������2���)��#����� ���� �)����������������3�����9�,4�(���%�=�� ����

��)�%�N��/�,��)������� ��������!���� ������������ ��������� ��������#�.�!������

!�����!�������%

/�&(��"��������������������� �4

H������� ��������� �����������)������ ��� ���� ��� ��%�1����)���!����� ���#�.,���.(!�!�

����������/��������(���������,#������ (����������%

c% &!����!�����������.��.(!�!����(�������!�����%

U�����#�/�����������������(��� ��������%�P(!�!�����������/������;�

�!����� ���� �������#���������;��� �)�#�.(����� �(�!����,���!�����#�� ����������(���#�

.,���.(!�!�.�)���������!�������/������%

�� H������� ��������� ������������ ��� ���%

=����������������� ����"�$�.�"�����7�8X�X?�[�������!)� ������IJKl#�����.)����X���cc%cnl���t��XuAq�

cnl%

-����������!)� ������ �F����!�(��!�#��� ��( ��������#��! ����.(!�!������

,(���0@vASM���)�%�1�!�����.��������.���� ��F���#�������/������%�1�!������ �������T��F����

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

Page 53: Язык javascript ч 2 2

������C��������������������������������� �

N���!�(��! #� �.�!�����������!).��/��������� #��)��� �������!�����.�

��� ��� ���� ��� ��#����F�����������;�$���! ���%

• &!��� ��� ����)���(�����/�����#����.�!� ��(9��� ��������!����>��������3���D#���

�! �!����;�� ��������� � �/���������.��!�����%�-������;���F����!���������

(����#��,�!�! ����/��������%

• &!��� ��� ���;����,�������!�����! �!���#���F��3�!�F�4������.�+�-��������.�#��

/����������9� ���!�������!�����#��,�!�! ���%

&���!��#�.�.�/�� �,����#�����!���!��.��T

"�)��������*(������$�"��>�����$�"��>�� ��$�!���� ��������(���*( ���(�

"! �)�������*(� ��$������ �������(�

"% ���wZWQZSJIHTH�� ��� ���� ��� ���\JSYJ�NQ�\HNFM�WS_HJFGF�

"' �)���

"# �)����Eg����������*(� ��$������ ������(�

" �����yS�\WQZQJ^EQzJ�H�bWH�GzZ^h�bFWFhS_Qh�bS�FRS�bSJSMTQM2

"9 ��)�����Eg�����

"& )����

": )����*(��� (�dcJ�Zc_FJ�HNVSWMQXHY�S�\SZ^JHYh�)���

�" �

�� )������

�! �� ����*�� ���������5������.�@�;A ���A<

�% ����� �*�� ���������5������.�@�;A��� A<>

�' �

�# ���� �� ��� ���*���������;�<�=

� ����*���ss������>

�9 �� �������*��������ss�����5������>

�& ����� �����6378�*�������-Af�����$A-�������u���>

�: B>

!" �

!� ���� �� ��� ���*���������;�<�=

!! ����*���ss������>

!% �� �������*��������ss�����5������>

!' ����� �����6378�*�������-Af�����$A-�������u���>

!# B>

! �

!9 )�������

Page 54: Язык javascript ч 2 2

@����,��*��$��������!���"������" ����� ��� ��� ���'"�"���������*��������*������

�&����"&������� ��� ��������������+�������,�����������

z����/�����!� ���#�����F���$(�."��2$���!#�.�!�����!G���!�����.�� ��� ����� � !�9����

�G!�.(#� ��� ��9(���,���.� ��(�����!����,�(������/������%

"� �++

"! �+�[SaEWQxQFJ�SZWQZSJIHTf

"% �+�TSJSW^p�E^a^EQFJ��������bWH�WFQGKNSM�chS_F�\�]GFMFNJQ

"'�+�H\bSGKaSEQNHF$������ �� ��� ���*�������7 ���8����;������ �;�<�=���B<

"# +�

" ���������������7 ���8����;������<�=

"9 �

"& �����������������;�<�=

": ������*���ss������>����@5

�" ���� ��� 5�������*���������3����ss���� 5������>����@5

�� �

�! �������bWSEFWYFMf�M^OK�cOGQ�NQ�]GFMFNJ�ENcJWH�JFTcxFRS�

�% ����B����;� 5�������LL�� 5�������2**����<�=

�' ������� 5�������*�� 5������������u ��>

�# ����B

� �

�9 �������;� 5�������**����<�=����_Qf�M^�E\}�FxF�ENcJWH�WS_HJFGY

�& ������������>����M^�bFWFOGH�\�WS_HJFGY�NQ�bSJSMTQf�GHONFF�\SZ^JHF

�: ����B

!" �

!� ����������������������;���f��<>

!! ��B>

!% B

e��,�����)����������!�����.����� �������T

"� ���������������7 ���5���;������<�=

"! �

"% �����������������;�<�=

"' ������*���ss������>����@5

"# ���� ��� 5�������*���������3����ss�����5������>����@5

Page 55: Язык javascript ч 2 2

" �

"9 �������bWSEFWYFMf�M^OK�bWHOGQ�\�]GFMFNJQ�ENcJWH�JFTcxFRS�

"& ����B����;� 5�������LL�� 5�������2**����<�=

": ������� 5�������*�� 5������������u ��>

�" ����B

�� �

�! �������;� 5�������**����<�=����_Qf�M^OK�bFWFOGQ�HaNcJWH�WS_HJFGY

�% ������������>����M^�bFWFOGH�NQ�WS_HJFGY�Ha�bSJSMTQf�GHONFF�\SZ^JHF

�' ����B

�# �

� ����������������������;���f��<>

�9 ��B>

�& B

E���� ����T

"�)��������*(������$�"��>�����$�"��>�� ��$�!���� ��������(���*( ���(�

"!�)�������*(� ��$������ �������(�yQ�\HNFM�WS_HJFGF�]McGHWczJ\Y�SZWQZSJIHTH�� ��������� ���������)���

"%�)����Eg����������*(� ��$������ ������(��Fa�GHONHh�\SZ^JHp�)�����Eg�����

"' )����

"# )����*(��� (�dcJ�Zc_FJ�HNVSWMQXHY�S�\SZ^JHYh�)���

" �

"9 )������

"& �� ����*�� ���������5������.�@�;A ���A<

": ����� �*�� ���������5������.�@�;A��� A<>

�" �

�� �����������������K� ����e����H� �;��������;�<�=

�! ����*���ss������>

�% �� �������*��������ss�����5������>

�' ����� �����6378�*�������-Af�����$A-�������u���>

�# B<>

� �

�9 �����������������K� ����e����X����;��������;�<�=

�& ����*���ss������>

�: �� �������*��������ss�����5������>

!" ����� �����6378�*�������-Af�����$A-�������u���>

!� B<>

!! �

!% )�������

Page 56: Язык javascript ч 2 2

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

:��9�

��� ��� ��f�� ���� ��f�� ��� �����������(�9�����������T

�� H������� ��� ������ ��� ���;������� �����#�(�.�!�������� �!���

"��T�������3���>� 5�������� �5������� �IJD%

�� H������� ��� ����!����� ���#�.,�����F��(�������!������.,�/�������������!�� %�

E����( ���� ��������� ������������$���!( �����#����������)�������F��,�!��,�! ����%

�� &!������!��� �)�������F���������� ��� ��f�� ���� ��f�� ��� ����,(���!�(�.����

�!��)(������/������%�0�F���)������������ ���.�(����������.�#���� � ��!��/���

�,�!�����%

H������� ���������� ������������!)� ��������� � �����!�(��!��#�������)��/�(�! ���#�

���� ����F�����!����� ������ ��� ���� ��� ��%

�M

&!����� ������(�"���;�����������! ������F�����!������.�.�/����� %�'�������

���(������.��>���!���!��.!�����(�.������D�����,#����.�!�������� ���%

P�.���� ��!�F�����.(�������(+

V�F����

H��� ��!�� ������!�F�����/� ��������;�����!�����.!����� �)�����.(!�!�%�U�����#�

�!��� ���� ��� ��������!�����������)�(���.(9����.!������������!����(9���#���������

���������!����"(� � !�����%

P,����.!�����(��������������. #����!���!�M���.��� ����cnn������.(���;��)��

�������#����.(!�!����� ����>��.�!���!)������)����!��(��� ���D����!�������/���

$�.�%

1�!�����.�� ���� ����)������������ �G���.(�����#�������.��� ��!�#�.�!� � .�����

����������!��(�9�������/������%

{1�.!���������(� �� ��.��|

�M

H��� ���.��.(#�.�!��� ����������!���!����.(!�!����F�������� ����!��.�.�%

Page 57: Язык javascript ч 2 2

P�.�����������.����)�#������( �����#������!���T

E����������!�)������������������B�A���?<]�AhCX�<X�X`�C<�A??A�X�2C��<�`aXq%k�i?%

:�.����.(��������.)�������$(�."��������� ����<(�������.����%�E����( ���

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

H��� ���� �� �!������!�F����T

�� ����(���������(���*��2���.�!��$� �����$������#

s% �!��;�����������2������� ��������%

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

N��.�!���.�.��.�������( ���*��2��!� �%

V�F����

V�F����#�F�,�c

N��5678��)������� ����/�������@u4g3#�.g33/u#�����!���0@v%�'������������

���� ����T

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

N�����)� ������� �� � ���������� ��(�����������������;��()���

������� ��� ��#�� ��� ��#�.�!����(�(�����)� ������������3.(!�!�����.��. 4�

>kA�X�D#�����.)��� ���� ������ �����������������3.��.����)���4%

N��*����()������ �2���.�!��$� �����$������%�P��)�����#� �

IJmO�$����������!)� ���������%

V�F����#�F�,�s

&�! ����(���������� �!�����������������%

P��.(��)��$!�����.�.�0@v#���������"�� �����������!���*��T

"� ����� ��=

"! ��B���$��& ��>

"% ������$�#!��>���

"' ��� �E������$���;���� �����������<>���

Page 58: Язык javascript ч 2 2

"# B

" ���

"9 ����� ��� ���=

"& ��� �E������$���;���� ��� �����<>���

": B

�" �����

�� ����� ������C�=

�! ��� �E������$���;���� ������C���<>���

�% B

E��������.��.��������.��������� �#��������!���! ���������F��������� ���� ������

.��������� ��� ��#����!��.�.�� �������,���� ���������� ������C%�U�����#�.��.��

�(�����������������!���������� �.��� T����� �#������ ������� ��� ��#������ ��

����� ������C%

&!��/�����.�.�.�.����������� ������������������ �#���������C �����(������!�.!� ���

� �� ����C ����(������ �%

P���!���.������� T

"� ���� �� �� ��� ���*���������;<�=

"! �����,����;���f�A���� ��� ��A<>

"% B

"' �

"# ���� �� �� ��� ���*���������;<�=

" ���� ��,����;���f�A���� ��� ��A<>

"9 B

"& �

": ���� �� �� ���� ���*���������;<�=

�" �����,����;���f�A���� ������CA<>�

�� B

�! �

�% ���� �� �� ������*���������;<�=

�' ���� ��,����;���f�A���� ������CA<>

�# B

&���!�F����T��B�A���?<]�AhCX�<X�X`�C<�A??A�X�<�`aXq%k�i?%

N�� �%��5�(

:�!�F����#��������� �F�#������ �)�� ��������.%�P,���.(!�!���F����! � �!����������

���/�����#��,�$����������%%�'���,!(�.�����!�)���������! �!���!��(��� !�����#��/��(�

�������� ��(��������������������!). %

U�.���(������.� ���! � �!��#�����.�!���.��()�� �.�F�%

Page 59: Язык javascript ч 2 2
Page 60: Язык javascript ч 2 2

�) ����*(�(���*(���C(������� ����*(bS_\TQaTQ�_GHNNFFf�IFM�]GFMFNJ(�

! ���SWSJTQY�\\^GTQ

% )� �

' �

# ) ����*(�(���*(���C!(������� ����*(6378)��bS_\TQaTQ(�

���xF�\\^GTQ

9 )� �

V��(����� ��$!� ������.(�����T

• &��.��.���)����� �������!���� ����������/�����#���"���!(����������F��

!���������� �!�(%�&!��(����.(!�!����/�������;���������%

• U�.������.��.���!������������������!��(��������� ����%�=���)��������

�!�� ��� �5678%

• 1$!���������.��.���)������ ������*��%

• &��.��.������)��� ����������,!���"��/.!���#� ���������������!���"��

���������!.!(����%�-����������.������� �!�(�;��.��� ��������(�/������%

-���������;� �/� ������������!������)���������#����(�/������#����.�!��3 ����4�

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

E����� ��.(����T��B�A���?<]�AhCX�<X�X`�C<]Xk���A�2�AA?���2C��%k�i?%�:��G������� ���,��������

$(�."���jX�}�jX���A??���jX�*AA�aC%

}%�%�=����������;�����!�.�����.���!���������p������!�.��! �����~� ������~%

V�F����

�B�A���?<]�AhCX�<X�X`�C<]Xk���A�2�AA?���%k�i?

{1�.!���������(� �� ��.��|

�g

'���F������2.�#�.�!� ��(�����.��� ���� ��� ��9(�����.��.(�����/������#�����(�

��,��������!��(�������� ����%

Page 61: Язык javascript ч 2 2

�� ������,�����������& �������3���.��.�4#����������������������!).��

)������/����� %�&!���� ��������.��� ������������ )���������.��.�%

'��!���!T

� )��������� ����*(rJS���ENcJWFNNS\JK�_SMQ(���*(� ���(�

! ��)��������� ����*(rJS���TW^OQ(���*( �(�)����

% �����

'��) ����*(����$������C������� ���C��dWH�bSWS\}NTQ(������� ����*(�HJQJK�_QGKOF(�yQEF_H�NQ�MFNY)� �

# )����

V��(����� ��$!� ������.(�����T

E����� ��.(����T��B�A���?<]�AhCX�<X�X`�C<]Xk���A�2�AA?���2`XC�Xa2C��%k�i?%�:��G������� ���,��������

$(�."���jX�}�jX���A??���jX�*AA�aC%

:����.)���)��������� ����.�.���,� .(�!�F������������& �������3���.��.�4%

V�F����

�B�A���?<]�AhCX�<X�X`�C<]Xk���A�2�AA?���2`XC�Xa%k�i?

{1�.!���������(� �� ��.��|

Колёсико мыши: "wheel" и аналоги

�� 6��#�����>�����������"��

�� Q��!.� ���������� ���� �!�������!�(��!��

PG��.���F�������(�����!��.%�1���������)�����(� ������F� %�&/��(��(9��� (������ ����#�.�!��� ��!��"��������,(���,���!�! ������.��������%

%%'#�������������#��,������ ������)���������!� ���%�'��!���!#��)����� ���������������(���� ��������#�(�.,�.G��.�����%

Page 62: Язык javascript ч 2 2

7�����"����E��������%����$���

'����!������#����.G��.���F����������"��!(��������!.!(�. #�/��� ����!������ �9�%

• &!���!.!(�.���!����� �����������A`C��A??�;�!�����!����,� ������ F��%�1���!�� �G��!��

�� ��!.!(�.�#� �����������!���.� ���(!@#�����.�����!.!(�� ������/�������%�'��!���!#�/�������� ���� �$�������� ��!��"��������)����,���!�! ��� ��� ��%

• e��������������� �����������3��F����4%�1��,���!�!(��������������/��������!��

��!�� �)�����.������F�%�&!��/������ �)�#��!.!(�� ���� ���������%�:���������# ���� �$���������.�.�����!������ (����!���.��.������F�%

P!����,#�������� ��� ����!������������!.!(�.�#��� �������;����!.!(�.�#��/��(� ��G��

�)�������������(��!.!(�.(�>�� �� ����!�(��!�D%

1��%����B�������� �(-�&��$ ���-

H�������������� ���� �������!��������.��� �%�1������!)� ������IJ�l#�t��XuAq�cLl%�:��)�#��!(,�����!�(��!��������������������/� �������%

N���,��!�(��!���!����� ����!.!(�.(��!����9������� �iABCXhkXX?�> ���.!���t��XuAqD����77ABCX���A??#�7A�7ABCX}�qX?���A??�>��.�t��XuAqD%

H����� �)����� �� ��� !�����,�����������,���������!��������, T

B���

H �� ������1�;�.����� ��!.!(���������.��� ���,!��������� �!��.��%�H(9��� (���

��.)��� �� ����������������������!(,������!� ��� ��!.!(�.�%

e��e����l����d�����

H!����� ���#�����������t��XuAq�[%M#���.� �t��XuAq%�N�G�� ��)��������������!.!(�.(����(�����!����!� ���.�������!���� �� �������#�����!.!(�.�� �� �� ������%

^_ee����d�����

H(9��� (��� �t��XuAq�������� �#�������������!����(9�,����#������G�� �������.����� ���!.%�-�������()�������!).��t��XuAq�m�[%M#�������()����/��������%

�����B���

H!����� ���� ��!�(��!��#�.�!����9G����!���� ��������%�:�� �� �������0�����;�(� �� �

3!����!��!.!(�.�4#������!� ����!"�����!.!(�.�� �!������!"�;� ���%�1������� ���� (���

.�.�(2���.�.!����(�.����� (���.��� %

z����.!��2�!�(��!��� �����!.!(�.(��#��!������������#����������G#��)������� ���� ���/���������%

&!���!T

"� ���;��������5����8������<�=

"! �����;A ������A����� ������<�=

"% �������@5:-f�tt�9-

"' ������������5����8�������;(�����(f� ������f�� ���<>

"# ��B���������;A �� ��������A����� ������<�=

" �������c\JQWFEOHp�EQWHQNJ�\SZ^JHY

"9 ������������5����8�������;(� ��������(f� ������f�� ���<>

"& ��B������=

":�������%�#�)*�t��� ��)��9f�ZSGFF�\JQWSF�\SZ^JHF�0/77 ���?� ���bWSbc\JHM

�" ������������5����8�������;(7 �7 ���4����?� ��(f� ������f�� ���<>

�� ��B

�! B������=����@5):

Page 63: Язык javascript ч 2 2

�% �������������5�����;( �� ��������(f� ������<>

�' B

�# �

� ��������� ������;�<�=

�9 ����*���ss����� �������>

�& �

�: ����������0�����NF�_QFJ�ESaMS`NS\JK�caNQJK�TSGHIF\JES�bHT\FGFp

!" �� ��������*��������1�ss����������ss��������0����>

!� �

!! �� ����� �*�� ���������5������.�@�;A�����A<>

!% �

!' ����� �����6378�*�-��� �����6378�-������>

!# �

! ����������0�����������������0������;<�$�;������v�����*�� ���<>

!9 B

:��� �� ��T

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

1F��.�� �IJO

:��!�(��!��IJO�>��.� �!����OD������F��.�%�&!����������!�����.��� ��������;�/�����

����.!����%�E�����, !�#��� �� ����!�(��!��������������(������%

=�#�.����#������������������#�����/������ ��!��"��������!.!(�� ���� %

�[

'���F����.�#�.�!� ����!�9�����!.!(�.(���!���"���!����9����F����.� �F%

}%�%�&�(��!.!(�.�������������)�������� ���#��G���.�.�.!���!�(��!������.�����#�

!�� �����(�!�����!����9�� ���� �$������#������.)���.��������!.!(�.(%

Page 64: Язык javascript ч 2 2

}%}%�%�Q��!����!.!(�.���)������� �����!���.�������, ,�.��#����������������,

�!.!(�� ������.��,#���������(���!���"(T������!.!(�� ��9�����������(��������

�!�������.���;����������� �� ����!�(��!�%

V�F����

&��.��.�

E�����.�����!.!(�.���,(������T�.� �F�2��!�.�#�.� �F����jXb�#���jX�Ah`#�5AiX#�J`a#��

��.)��.G��.���F�%

V�F����

���

"� �+

"! �S_^�TGQEHOf�TSJSW^F�E^a^EQzJ�bWSTWcJTc$

"% ��%%f�������g�

"' ��%'f�������0 ��

"# ��%#f�������

" ��% f����� ��

"9 ��%9f��������

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

": ��%:f�������

�" ��'"������ ��

�� +�

�! �

�% � ������� �� ���������*�� ������� �������*���������;<�=

�' ���������� ���>

�# B>

� �

�9 � ����������5����8�������;(7 �7 ���4����?� ��(f

�& ����������;<�=��������� ����Bf�� ���<>

�: �

!" � ������� �C��� ���*���������;�<�=

!� �����;��C��, ����*�%%�LL���C��, ���)*�'"<��������� ���>

!! B

{1�.!���������(� �� ��.��|

Основы Drag'n'Drop

�� JKLM)�wSO[r\rwSdU

�� 1�� ����,�.�����jy`y��A�

�� 1��������!������!�(��!�

�� � ���� ��� ����;���� ����� ������

)� &!� ��������"���! ����

H� E�,

���jy`y��A��;�/�� ��)�������� ��������F���/����������!��������,%�:�� �� !����/�����

Page 65: Язык javascript ч 2 2

��������������.!������ �����������!$� � #�.�!���� ��(�!��������F��.����� ���!�"� %

1�������������� �������!������� ����jy`y��A��2���!�(�!��������������%�=���,(��������.�#�/�����������.�#��� �9��;��������72/���������������!�%

&�!������F. ��)������������"�(������ ���������.�. %�E#������,� ��#���(�!9���� ��F�� � �������!$� ��T�$(�."��#�!����(�������!������jy`y��A�#� ������(������!�� ������������������� #� ��)�� ����%�%

^_Q`q�O��mrVrO�c�

:�� !�������������!���5678M����������!).�����jy`y��A���!����9�����"������������ %�1���.#�/������������������!)� ������ �IJmcn#��� �IJcn�����!).������#����������������������������!��%

E�� �)���������������.�������� ���#��������� �����!���������!����$� �� ��!�(��!#����!��/����������������������(��.����!)���(�/����$� %�'��!���!#��� �.���!�����.�!���.(� �!���.�!#�������������)�����.�������G������! �!����(��)����!�����%�N��/� �"���5678M��������;������� ����� ��)���!�F����%

H������5678M����()� ���������,���()������.�.������!���� �����!����� �9���!���>��������!�(��! #� �.�!���/��!������D%�&/��(��������� ������(������ �9������������������%

H��!(, ���!��#�(�������������������.�%�V����"���!�� ��)�����������!���� �����!����9�� ��!����������� �>���!���!#� ��� .(���)�(�/��������D%

V�����"�����!������!����9������� ���F������)��#�.!��2�!�(��!��#����� ���������� �G#����������%

N����!����� �����!�����"������jy`y��A���!����9������� ���F�%�E�)�������������!���������� �!��������/��������(�!� ���������!���.���� �� � �3��� ������2�����(���2���(�����4%

7������"���9����O��mrVrO�c�

N��!,�����"������jy`y��A���()�T

�� &!����9���������� ���� �������������)����������!�������/������

�� &!����)�����;���,� ��������.�.���!���9����T��������(�� ���� �$��� ����%�&!��/����.�������,�������)�������#�������� ������� ����.!��������.(!�!�%�N�������)� ����� �)�������F����!���� ���� �������!�� �,������!������ �/����������!���"�%�0���()��

������� ���� �$��� ����#���.����/�����������(���������������� �%

�� &!����(�.�����.��.����F�#������������(�������������� ������;����� ������!����

/����������!�� ����� ����� �� ��#�� ����������.�����������jy`y��A�%

:����(�9����!���!��/���F�,��!���� ���%�0����)��� �,������F��T

"� �������*�� ���������5������.�@�;A����A<>

"! �

"% ����� �� ���� ���*���������;�<�=����&%30/>#%1�(.*.%#/

"' �� �������*����>

"# ����*��%&'��;�<>

" �

"9 �����bS_RSJSEHJK�T�bFWFMFxFNHz

"&�����".-'/3%#%1�(.�%&'�*/�'/3%/6�(&�=�.+3&0q%(;P�2&&">#(.%.P

": ������������� ���� ��*�A��� ����A>

�" ��� ��e�;�<>

Page 66: Язык javascript ч 2 2

�������bFWFMF\JHM�E�� ��f�IJSZ^�MYI�Z^G�JSINS�NF�ENcJWH�� ���� �$�������

�! ��� �������� ���������,����;���<>

�% �

�' �������������@�����*��""">����bSTQa^EQJK�MYI�NQ_�_WcRHMH�]GFMFNJQMH

�# ���

� �����bFWF_EHNcJK�MYI�bS_�TSSW_HNQJ^�TcW\SWQ��

�9 ������������ ��e�;�<�=

�&��������������������*��������!#-A��A>����!#���bSGSEHNQ�OHWHN^�E^\SJ^MYIQ

�: ���������������� ��*������1�!#-A��A>

!" ���B

!� �

!! �����7/"/'/U.%1�7&�$2".()

!% ��� ������� �� ���� ���*���������;�<�=

!' ������*����5����;�<>

!# ����� ��e�;�<>

! ��B

!9 �

!& �����&%30/>#%1�&2&(:.(#/�7/"/(&3.

!: ������ �� ������*���������;<�=

%" ����� ������� �� ���� ���*������ �� ������*�����>

%� ��B

%! B

:��� �� ��T

P�.����������(���������#������� �,�����,%

&�!�( ���/����!���!� �t��XuAq#� �IJ%�1������ ����!������#� �!�+

=�����(#����������(���!�����.��� #�.�!����� ����!�����!��%

7�!����%��������&��$ ���

&!����)�������F����!�(��!���������� �������� ����� ���� #� ��!���� ����jy`y��A�����

���!�)��� #�.�!� ����!������F���!���%

z�����!�(��!���� ��F� ���#��()������������ �� �������������������T

����� ��������*���������;<�=

���������� ���>

B

E��!� ���� ��!���!T

"� �������*�� ���������5������.�@�;A����!A<>

Page 67: Язык javascript ч 2 2

"! �

"% ����� �� ���� ���*���������;�<�=

"' �� �������*����>

"# ����*��%&'��;�<>

" �

"9 ������������� ���� ��*�A��� ����A>

"& ��� ��e�;�<>

": ��� �������� ���������,����;���<>

�" �

�� �������������@�����*��""">

�! ���

�% ������������ ��e�;�<�=

�' ��������������������*��������!#-A��A>

�# ���������������� ��*������1�!#-A��A>

� ���B

�9 �

�& ��� ������� �� ���� ���*���������;�<�=

�: ������*����5����;�<>

!" ����� ��e�;�<>

!� ��B

!! �

!% ������ �� ������*���������;<�=

!' ����� ������� �� ���� ���*������ �� ������*�����>

!# ��B

! B

!9 �

!& ����� ��������*���������;<�=

!: ���������� ���>

%" B>

:��� �� ��T

P�.����������(���������#������� �,�����,%

���������M������������

&���(��������� ���� ��� ��!���!�����)� ���������� ������#�������������+

%%E��!� ��#�����(+�H���! ,� �,����.�)����#������F�� ��,����������������������)��� ���������

�������#����������.(����%

1���.#���������������F�� � !������!�������� ��,�����������%�:�������#��!�(��!�

!�,���!�!(���� ���� �������#���������.�)�,���.���%

Page 68: Язык javascript ч 2 2

S���!��� �)�����.(!�!�� �� ���� ���� ���()�������������#��#����!���!#� ��������.�"����!���"�%�

:������(�����)������)� ����� ���� ������ �G��� ������%

�����������%� �������������

:��!���!��� �F���������"���!(����� �"���!�����.(!�!����F�T

����������������*����������!#�-�A��A>

������������ ��*������1���!#�-�A��A>

z���!#�������;�� �������������.�%�1������� ������������(#��������

���� ��������� ��! �� ���������1#�������.��!������� �!����2� ���(,��.�.(!�!(���F�%�S(����

��.!��� %

N���!� ���,���!������������#��������������� ��� �,�.(!�!�����������/�������

��!�����%

• P,����� �.���)�������������.�� ���� ���;�.(!�!��� ��(������������ ,2 �!���,�(,��

��������!���������������������1%

&(��������������������������1��,.T��������� ����������.!������.(!�!��� (�2

�!�����,!���"(�����.�%

Page 69: Язык javascript ч 2 2

��� �� ���� ��

�������*������������, ��;����<�����>

�����1�*������1�����, ��;����<�� �>

• N�����!����!�������������!����,�����,������� ����(������� �,�#�������� ����.T

��� �� ���� ��

����������������*��������������n�-�A��A>

������������ ��*������1�������`�-�A��A>

&!���!����!� ���������"���! �����T

:�/����!���!�����"���! ������(9��� ������������!#��#�����(�G�����������,��� �,�%

"� �������*�� ���������5������.�@�;A����%A<>

"! �

"% ����� �� ���� ���*���������;�<�=

"' �� �������*����>

"# ����*��%&'��;�<>

" �

"9 �� ��� ���*���, ��;���<>

"& �� ���������*����������� �������>

": �� �������1�*������1���� ���� �>

�" �

�� ������������� ���� ��*�A��� ����A>

�! ��� �������� ���������,����;���<>

�% ��� ��e�;�<>

�' �

�# �������������@�����*��""">����NQ_�_WcRHMH�]GFMFNJQMH

� �

�9 ������������ ��e�;�<�=

�& ��������������������*��������������n�-�A��A>

�: ���������������� ��*������1�������`-�A��A>

!" ��B

!� �

!! ��� ������� �� ���� ���*���������;�<�=

!% ������*����5����;�<>

!' ����� ��e�;�<>

!# ��B>

! �

!9 ������ �� ������*���������;<�=

!& ����� ������� �� ���� ���*������ �� ������*�����>

!: ��B>

%" �

%� B

%! �

Page 70: Язык javascript ч 2 2

%% ����� ��������*���������;<�=

%' ���������� ���>

%# B>

:��� �� ��T

P�.����������(���������#������� �,�����,%

V�������������������#�������� ��������������!� � 2��)�� �(,%�:��!����(9����!���!������.�

3�!�,���4���!���� ����.(!�!#� �/���;��(������ ����!�������������.(9� ����"��%

:��9�

0��!�����!���3��������� �.�!.��4�0�A�A0 �%

-,�.�������T

�� H������� ���� ������� �������� ���� ������� �����%

�� &�!�� �)�������(�G�����������,��� �,��������������1%

�� 1�������� �� ����!�(��!�����������������%

'��/� ��� ���)����������������,�%

• &!��� �������)���!�������.���������!����#��!�� ��������������� �������#��������

�()��%

• :� !�������,���!������)����� ��� ����/������#�����.�!�����!�����/�����%

=������,���!(,�����!�����!��� ���������!����jy`y��A���r�.� %

�M

H��� ���

�� ��!T�

Q�� ��������F. ����� ���,(�.���� �,� ����,#������( ������ �!����%

&�)��.�/��(��� ��!(��)���(������� ���������������$(�."�����������<(���� .��

��������%

E����� ��.(����T��B�A���?<]�AhCX�<X�X`�C<C?�aX�2C�i�?X2C��<�`aXq%k�i?>u�qJ�X`�<jX�*AA�aC� �?�]%�CD%

:�)�T

• H� ��!��)����!�����!��������!��!��.��� �)�������F�� � ���� �!� #�

����!��������%�&!��/�����,(�.��)�������� � ���������.� ��()���.�"�

���%

Page 71: Язык javascript ч 2 2

• P(!�!��!����!�� �)������� ��!���)��������!(. >����D����.!����.�>� ��D%

• &!����)������,(�.����F���)��� �����������!����������� ��!�#���

�� ��!��(���� ���!� ��!�������>(���� ������� ����D%

V�F����

5678<*��#����.��.�

H� ��!�;�/��0@v#���.!�F���� �$��<,!�������#� �(�!��.�!,�����������!(, �0@v#�

$!����� �.�.���,(�.#���� ���� �$�������%

S�,(�.�����,������#��� ��������� ��������!�����%

5678<*��#�!�F����

'��!���!#� ����.T

���

"� )������

"! �������=

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

"' �����C ���$��5"5"5">

"#�����C ���$��� ��������������;������ ��f��5"5"5"f��555555<��������� ���"�"����������>

" �����C ���$�����C���������;�����f������� �f������ �� �f�� �;�5"5"5"<f�� ;�555555<<>

"9 �����C ���$�������������;������ �f��5"5"5"f��555555<>

"& �������$�%�"��>

": �������$��#��>

�" ������$�#��>

�� B

�! �������=

�% �������$��"��>

�' �������$�!#��>

�# ��� ��������$�%��>

� ��� ���� �$��������>

�9 ������$��"��>

�& ��� �$��#��>

�: �����C ���$�����>

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

!� B

!! )�������

!% �

!' )��������*(�����(�

!# ��)��������*(�����(�)����

Page 72: Язык javascript ч 2 2

! )����

U���!�����/���!����( �����!������,(�.�%

&���!�F����

&���!�F����T��B�A���?<]�AhCX�<X�X`�C<C?�aX�2C�i�?X<�`aXq%k�i?%

=��,!�������� ����jy`y��A�#�,!�������� ���F�!���%�-,����������;�

� ���� �$��������(���!�����,�/������#��%�%�.!���������� ����������������#���

���������!�����%

{1�.!���������(� �� ��.��|

�M

H��� �����.#������/���������.�������������)�������!���������F. %

&������������������;���%� ��������.��T��B�A���?<]�AhCX�<a��j2kX�AXC<�`aXq%k�i?�>����

����2�(�����(��!,�!�fD%

E����� ��.(����T��B�A���?<]�AhCX�<a��j2kX�AXC2C��<�`aXq%k�i?%

V�F����

V�F����T��B�A���?<]�AhCX�<a��j2kX�AXC<�`aXq%k�i?%

{1�.!���������(� �� ��.��|

Drag'n'Drop объектов

�� 8��"����

�� '������!����

�� &�!����/������

�� :��(�������!���9������ ���!�

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

�� 1.���������!����

�� 1�!�������/���������.(!�!�

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

�� ��7����

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

)� :�!������!��F�!�����/�,�.��

�� Q�� ��� ����/�������)����.����3!(�.(4

�� '�� ��,����)���)������� ����� ������

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

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

�� e����"�����������!����

H� E�,

:��!����(9� �����������!�����!����� �����jy`y��A�%�Q�����������!������/� ��� ��$!� � !.#��!������������ ������!������r�.� �;�/����� �����.�#�(� ���!� �����%�%

Page 73: Язык javascript ч 2 2

&���� �������C�����2������.��!����(������jy`y��A����.#�.�.���������>����()�� �D%�Q���#�����.�.#� ����)�����,.����������� �.����!����������!� ���#�������! �����(9��� (�9(��������.(��������%

<��$!���

P�.��!���!��������;� ���G���.(��������.�.�����!�(��!��>3�r�.�����!����4D#�.�!����)����!������� �.������!�>3"�����!����4DT

• =������#�.�!����)����!�������>�.�.���!�(��! D#�����������!��(���������%

• =������#����.�!����)���)����>.������!D#���������!��(��� ������%

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

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

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

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

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

9 )���WQcaFW�bFWFNS\HJK�\z_Q$)���

& �

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

V�����9� ��!���!�����!����%

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

N�������!�����!��#�.�.���������$!� � !.������.�����!��� #��� ���!���.�� ��;����������

�)���%

U!�� ����T

• &���!).����F,�.����� ��/����� �����3�!�� 4%

• &!� ��(���� ��)������������"�����!����%

• ��������!���.��(���F�,�����(����,���!����%

#������%�������

z�������������!����/������#�����)���� ������)������ �.��.����F������G�%�N��/�,�

�����(����������� ���� ��%

Page 74: Язык javascript ч 2 2

%%E�����������)�G����! ��������������!������r�.� %�'�������� �����!�����.+

&�!��������/����� ��)����������,%�:���F����.(�����2�!���!��/�� ��,��F�����.�.��.�.#

����������������!�������/�����������.�������!� �#�������)��������cnn�F�(.������%

'����������!�����.����.�)�� ���72/������;���"����!���%�&!9�� ��,�!�F����/�(������(�

���,�! �����%

& ������!�����.�� ���� ������.��� ��!#�.�!� ����!)�����!��������/������#����(����

�!��������()�� �/���������.����)� F�,�������� �!������!�!���������������%�:�

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

'� ����� ���!������ ��r�.����!����� ���!����� ���/������������G��� �,���%

P���!�����.��� ���� ��T

"� ����/������*�=B>

"! �

"% � ������� �� ���� ���*���������;�<=

"' ����*��%&'��;�<>

"# �

" �����;��������2*��<�=

"9 ����������>����NQ`QJHF�bWQESp�TNSbTSp�NF�aQbc\TQFJ�bFWFNS\

"& ��B

": �

�" �����NQpJH�ZGH`QpOHp�������f�bWSp_Y�bS�XFbSITF�WS_HJFGFp�����

�� �� �������*�����0�����;������f�� ������<>

�! �

�% �����;2����<�������>����NF�NQOGHf�TGHT�ENF��������SZ�FTJQ

�' �

�# �����aQbSMNHJK�bFWFNS\HM^p�SZ�FTJ

� ����/�����������*�����>

�9 �

�& �����aQbSMNHJK�TSSW_HNQJ^f�\�TSJSW^h�NQIQJ�bFWFNS\�SZ�FTJQ

�: ����/������� ����*�������>

!" ����/������� ��1�*������1>

!� B

:��!�����.�������(�����$(�."�������0������������.����!�����,�/������������������T

� �������������0�����;�����<�=

! �� �������*�����������>

% �

' �����NQpJH�ZGH`QpOHp�������f�bWSp_Y�bS�XFbSITF�WS_HJFGFp�����

# ��B���;�����2*�� �������LL��������e�������;A������A<�**�����<�=

���������*�����������u ��>

9 ��B

Page 75: Язык javascript ч 2 2

& ��������������**�� ��������������$�����>

: B

Q���������.����������������!���#����(������)��������/������ �������������#�����,����!�����

.(��2��� �,���%�:��)�#�����G���!���.�.���%

=�� �)���!������%�'()�����������!������.�.�#� ���������;���.�.�#�.�!� ���! )�������

������������!���9�����������!(���.��� �>!(.���!,�(�D%

E������!��.�.��/�������(����������������� �,������#��������(��)�� � !�9�������!����>��.(���

����)��D%�=���F����!������#� �9�#� �,�������.!��� %

&/��(� �� ���� ���������������#�.�. �/��������,��������)��#����������!������(����

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

��������6��!����

&�! ������� ��!�����.��� ���� ���� ���������"��! �����������!����#�����/������

��!�� ��(�� ���)�����������%

'(��� �! ������� �;���!�)�����,���!�����!��.�)�����!�� �)�������F�%�H��������#��!�����.�

��������. � ��T

"� � ������� �� ���� ���*���������;�<�=

"! �����;2��/����������<�������>����]GFMFNJ�NF�aQ`QJ

"% �

"' ����*��%&'��;�<>

"# �

" �����;�2��/������������<�=����]GFMFNJ�NQ`QJf�NS�bSTQ�NF�NQIQGH�FRS_EHRQJK

"9��������NQIQJK�bFWFNS\f�bWH\ESHJK���/������������*�bFWFNS\HM^p�]GFMFNJ

"& ��B

": �

�" �����SJSZWQaHJK�bFWFNS\�]GFMFNJQ���

�� B

Q�������� ������ ��� �� ���/�����������%�&!����������!������ ���!������������/���������

��!�������� �� �� ���/�����������%

3e ���!4�;�/����72/�����#�.�!� ���!���9��������/.!��(%

&���(���������!���9������/.!��(�����������2/�����+�Q����#� �9�#��()���� ���!+

N�� ���#������,�������/��������!�� �,������(���#����!���!�����F.����F %�e�(����

���������.�!�� ��(������!����� �����/������#����,�()����!������%�e ���!��������.(��

��)����%

e� ��!��� F����(����� ���!���)���(���������������/�����#���/������ ��G�������������

!���� %

Page 76: Язык javascript ч 2 2

,� $�������%���!�C������������

N���,#��������!��������!����� ���!�#������������� ������(�� ���� �$���� ��������������

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

N������� ��������������.!����������������.(�����#�� ���!��)���������!�����

���.��./01%

H��(�9� �.��,� ���� ���!�.���!���(T

� ���E�NQIQGF�bFWFNS\Q$

! ���;�����������u ���2*�� �������� ��<�=

% ��� �������� ���������,����;�����<>����bFWFMF\JHJK�E�./01f�F\GH�NQ_S

' B

# �������������@�����*�::::>����\_FGQJKf�IJSZ^�]GFMFNJ�Z^G�NQ_�_WcRHMH

������������� ���� ��*�A��� ����A>

��e��������,��)��� �,���T

� ���bWH�TQ`_SM�_EH`FNHH�M^OH

! �

% �����������������*�NSEQY�TSSW_HNQJQ�-�A��A>

' ������������� ��*�NSEQY�TSSW_HNQJQ�-�A��A>

P�.� ��������� ���.!������������� ���!����!����+

z����/��������!����� �����"������.(!�!�#����������!����)���������������,�

��������� ��� �,����������.(!�!�#�����!�������,��!����!����%

=����� �,���,!�������������������������!��(�.�� �F�%�e��,���#�����������1%�1��� ����������

.�.�!�����������)�(�.(!�!����� < �!��� �,!���"� �/��������!��� ���� ��%�N����� ������� �

������� �,� ��1�� �����jy`y��A�� ��%

U�.����!���#��!��� ���� �������(��������������/�����(�.!�������.(!�!����(�����

�� �,�������������1T

�����������������*�����������������-�A��A>

������������� ��*������1��������1�-�A��A>

&�� �.��iABCXiA�X

P��� ���� ��#�!�F��9� ������(���������!����������"���! ������ ���!�T

"� � ������� �� ���� ���*���������;�<�=

"! �����;2��/����������<�������>����]GFMFNJ�NF�aQ`QJ

Page 77: Язык javascript ч 2 2

"% �

"' ����*��%&'��;�<>

"# �

" �����;�2��/������������<�=����F\GH�bFWFNS\�NF�NQIQJ���

"9 �

"& �������bS\IHJQJK�_H\JQNXHzf�NQ�TSJSWcz�bFWFMF\JHG\Y�TcW\SW�M^OH

": ���� ��� ����*������������/������� ���>

�" ���� ��� ��1�*������1�����/������� ��1>

�� �������;�7�������;� ���<�)�%�LL�7�������;� ��1<�)�%�<�=

�!������������>����NHIFRS�NF�_FGQJKf�M^OK�NF�bFWF_EHNcGQ\K�_S\JQJSINS�_QGFTS

�% ����B

�' �

�# ������ �_�h���� � ��K���� ��8 � �Q�R>����aQhEQJHJK�]GFMFNJ

� �������;2��/�����������<�=

�9 ��������/������*�=B>����QEQJQW�\Sa_QJK�NF�c_QGS\Kf�SJMFNQ�bFWFNS\Q

�& ������������>����ESaMS`NSf�NFGKaY�aQhEQJHJK�aQ�]Jc�IQ\JK�]GFMFNJQ

�: ����B

!" �

!� �������QEQJQW�\Sa_QN�c\bFONS

!! �������\Sa_QJK�E\bSMSRQJFGKN^F�\ESp\JEQ�������������1

!% ���� ��� ���*���, ��;�����<>

!' ������/�������������*���/������� ������� �������>

!# ������/�����������1�*���/������� ��1���� ���� �>

! �

!9 ������ ��^� �Q�R>����SJSZWQaHJK�NQIQGS�bFWFNS\Q

!& ��B

!: �

%" �����SJSZWQaHJK�bFWFNS\�SZ�FTJQ�bWH�TQ`_SM�_EH`FNHH�M^OH

%� ����/�����������������������*������������/�������������-�A��A>

%! ����/������������������� ��*������1�����/�����������1�-�A��A>

%% �

%' ���������� ���>

%# B

Q����������(������ ��$(�."��������������!����T������e����;�<�������0�;�<%

�(�."��������e����;�<��������� ���!%�:���F����(���� �.����� ��� ���!����!�����

����������/�����%�&������������ ���!�� ���,������� ������$(�."��������� �����C#�.�!���

�������� ��������!����������!����%

P�.��!� �#���������!����� ���������� �!��!(F������ ���!�#�����/�����.�#���� � !�9�����

�,�����!�)��������#�����/������/�����%

:���F����(���������������!������()��������������!(�����"���/����������,�!�����%

Page 78: Язык javascript ч 2 2

{Q\TW^JK�TS_������e����

�(�."�������0�;�<����"��!(����������!����������"���!(���� ���!������!���"�%

� �������������0�;�<�=

! �� ��������*���/�����������>

% �

' ��� �������� ���������,����;�����<>

# ���������������@�����*�::::>

��������������� ���� ��*�A��� ����A>

9 B

1.���������!����

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

-,��!�����.��)������ �������� ���!�#��%.%�� ���!� ��,������.(!�!����� �������!�������������%�

'����(�� �!������������F� �,��.����> �!(,�������������!���9����� ���!�!������.(!�!�+D�

���� ����,#�.�.����������#����� ������%

Q�������!�����.��� �����T

c% 1�!�������(���F�� ���!���#������������>�(9��� (���� ���!D

�� 1�����������������/�����%

=��������������(�9� �.�T

"� � ������� �� ������*���������;�<�=

"! �����;�<�SZWQZSJQJK�bFWFNS\f�F\GH�SN�H_FJ

"% �����;��/�����������<�=

"' ������*��%&'��;�<>

"# ���������^� �Q�R>

" ��B

"9 �

"& �����E�TSNXF�� ������bFWFNS\�GHZS�aQEFWOHG\Yf�GHZS�_Q`F�NF�NQIHNQG\Y

": �����;!<�E�GzZSM�\GcIQF�SIH\JHM�(\S\JSYNHF�bFWFNS\Q(���/�����

�" ����/������*�=B>

�� B

N���� �!F�������!����� �$(�."���������0�;�<������()�������#����.�.��/������������������#�

����������� �������;��!���������!���#�������;��.�������T

� ���������������0�;�<�=

! �� ��� �5����*�����^���� ���Q�R>

% �

' �����;� �5���<�=

# ��������c\bFON^p�bFWFNS\����

��B������=

9 ��������SJMFNQ�bFWFNS\Q����

& ��B

Page 79: Язык javascript ч 2 2

: B

1�!�������/���������.(!�!�

z���������#�����.�.���/�������������� �����;������(���

����aA�BiX`�%X?XiX`�t�Ai}A�`�>�?�X`��#��?�X`��D#�.�!� ������()���� �!������.!������%�=�������

�(�����.!����������������.����� � !�9�������� �,(�.� �/�����#�.�!� �������������%

�(�."�������0 ������;�����<#������������)�#������(����,�������������� �,(�.� �/��������

��!��(���� ����������.(!�!����F�T

"� ���ESaEWQJHJ�ZGH`QpOHp�� �������HGH�����

"!���7"/>=."#%/01(;<�=."#.(%�����^���� ���6�#37".=0/(�(#*/i

"% �������������0 ������;�����<�=

"' �

"# �����EaYJK�]GFMFNJ�NQ�_QNN^h�TSSW_HNQJQh

" �� �������*�� ��������������t �4 ���;�������������f�������������1<>

"9 �

"& �����bWSpJH�EEFWh�bS�XFbSITF�WS_HJFGFp�E�bSH\TQh�� ������

": ��B���;�����2*�� �������LL��������e�������;A� ������A<�**�����<�=

�" ���������*�����������u ��>

�� ��B

�! �

�% ��������������**�� ��������������$�����>

�' B

1�!������ ��������;�����������t �4 �����()���.!����������������.����������������1#���

�����������1%

:�!����� �F��;��!�� �!������ %�1������(����!������%�-�����!� �����!��������/�(�$(�."��#�

�(���� ��� !���� � !�9�������������)��/�����f�e�������;���.(9� ���!������ %�&���(���.+

%%N�� ���#���� ��!"�������!����������F. ����������������� ���!%�&!����������!�������(�

��)������������� �������F #������������ �!�� �����������%

e ���!���!�.!� ������������/������%�&/��(�$(�."���� ��������������t �4 ���;<( ��������

��.(9���.!���������������,%

z����/����������#��()�������!� ����.����!����#������� ���!�� �,����!������.(!�!����F�#�

������(������!9�T

c% H�!������� ���!%

�� :��� �����������t �4 ���%

[% &.������� ���!%

'���F��� ���,�����(��$(�."�����5������g���,������1;����f��������f�������1<#�.�!���/��

�����T

"� �+�bSGcIHJK�]GFMFNJ�NQ�TSSW_HNQJQh���������������1f�bS_������+�

"! �����������5������g���,������1;����f��������f�������1<�=

Page 80: Язык javascript ч 2 2

"% �����\ShWQNHJK�\JQW^p���������H�\bWYJQJK�bFWFNS\HM^p�]GFMFNJ

"' �� ����������*��������������������ss�AA>

"# ���������������������*�A� ��A>

" �

"9 �����bSGcIHJK�\QM^p�EGS`FNN^p�]GFMFNJ�bS_�TcW\SWSM�M^OH

"& �� �������*�� ��������������t �4 ���;�������f�������1<>

": �

�" �����bSTQaQJK�bFWFNS\HM^p�]GFMFNJ�SZWQJNS

�� ���������������������*��������>

�! �

�%�����;2�����ss������**�� ������<�=����JQTSF�Z^EQFJ�bWH�E^NS\F�aQ�RWQNHX^�STNQ

�'���������*�� �������� ��>����bSbWQEHJK�aNQIFNHFf�IJSZ^�Z^G�HMFNNS�]GFMFNJ

�# ��B

� �

�9 �������������>

�& B

&!� ���� �.������0 ������T

� �������������0 ������;�����<�=

!�� �������*���5������g���,������1;��/�����������f��������������f������������1<>

% �

' ��B���;�����2*�� �������LL��������e�������;A� ������A<�**�����<�=

# ���������*�����������u ��>

��B

9 �

& ��������������**�� ��������������$�����>

: B

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

H� ���� ���F���!���!�)���������������� ����$!�,������.�����!�F����� ������������.���

�������%

&!� �������� ��!����� � ��%

�� �e � ���

&�!�����(����.!����! ��������������r�.��%�'�� ����,���7����%

N���,��������������(����������� ������.����=���B#��� �� ����������� �%�=���� ����!����!�

���������r� �����������������!����������$(�."��� �����.����#�.�!�����,(����� ������

�������r�.��#�����.)�������������!�����.�T

"� ����7�����*���B���������;<�=

"! ���

Page 81: Язык javascript ч 2 2

"% �� ����/������*�=B>

"' �

"# �� �������*����>����_GY�_S\JcbQ�T�\FZF�Ha�SZWQZSJIHTSE

" �

"9 ����������� �7 ���0 ��;�<�=�����B

"& ����������� �7 ���7 ��;�<�=�����B

": ����������� �7 ���g�;�<�=�����B

�" �

�� ��� ������� �� ���� ���*� �7 ���0 ��>

�! ��� ������� �� ���� ���*� �7 ���7 ��>

�% ��� ������� �� ������*� �7 ���g�>

�' �

�# ������ �0�5���*���������;��/�����f�� �5���<�=�B>

� ������ �0�,������*���������;��/�����<�=�B>

�9 B

:���!���(��(�(�� ��������!�����.�� �7 ���+#�.�!���$!�����.�.�.������$(�."��%�:�

�������(���������� ��������� ���������!��� ����#��� ���,.��)������������/��

�����5����8�������������5����%

:�(�!���� ��r�.����/�������(�������!)������$!��"������r�.�����!����%

����,��(�(�����(�9���� �� �T

����

U�.(9� ���)��� ���F����r�.�#����������>��� ����� �� ���� ��D%

� �

=�����2� ���!#�.�!� ���!�� �,����������!���"�%

��B�n���B�`

P!������#����.�!������.�.�� ���� ��

����n�����`

1��������� ��� �,�.(!�!����(,��/������#� ���,�������� �� � ���������� �������

��!����%

Q����� ���7������ �������9���(�!� �������!����%�N���!���.���,�.������� ��� ������

������ �0�+#�.�!��������������� ��F����.��%

V��!�����.#���.��� ���7����#����� ���� �/����������#�����������!������������ �!F�����

��!����%

-��� � �F���!���!�)����������� !������ �����������2$!� � !.#����)�����������

�� ������ � �0�+����,���!�"����� ���� (�9�������� %

����� ���"�%��������������

H������ ������/�,�$!� � !.����!�����.�.��!�(��! � �.������!�!����(������!��T

"� ��7����� �0�5���*���������;��/�����f�� �5���<�=

Page 82: Язык javascript ч 2 2

"! �

"% �����c\bFON^p�bFWFNS\f�bSTQaQJK�cG^ZTc�TGQ\\SM�� �����������

"' ��� �5���������u����*�A� ������� �����������A>

"# �

" �����\TW^JK�bFWFNS\HM^p�SZ�FTJ

"9 ����/�������������������������*�A� ��A>

"& �

": �����cZWQJK�cG^ZTc�IFWFa�"�!�\FT

�" �����3��� ��;��������;<�=�� �5���������u����*�A� �����A>�Bf�!""<>

�� B>

�! �

�% ��7����� �0�,������*���������;��/�����<�=

�' �����SJTQJ�bFWFNS\Q

�# ����/������������ �����C;<>

� B>

V��(����T

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

,������(����������"�6��9������

H(9��� (��������� ��)�����!������� ����jy`y��A�%�V�����"���� ������������������!� !��������

� ����!�� �$!� � !.� ���!�F�� F�,�����!�%

&/��(����!����!��� �!������!��F�!��� ������!�����"��#������ �#��!������������#��,.��,��

����������#�����()�%

1�-���(�����6��!����!�*���������� ��I�$��$J

�(�."��������e����;�<��)�����������$�"�! ���#��������� ��� ����/�������)����#���.�

(� ��� F��������!������(����(%

'��!���!#�.��������)��3 ����4#���.���� ��� ��,������, .%

N��/�,����������! �!������������#�.(��#� �G�)�#���)����������%�-��� �����/���������

�������.!�������������#��������e������)��� �!�(��������#�����!��������(���������%

Page 83: Язык javascript ч 2 2

#�����9���!�*���%���*������������ ���

S� ������.#������������������� �� ��������)���)����/�����%

H���!�F�����3�)��������4��)����� ������.�.�����!�����,�/�������>���3� ���!�4�.�.��,�

�����,��!����� ����D#���.�����.�.!���,������� �� ������#�����.�!��������������(����

.��.(���F�%

'��!���!T� ������.���������!� � �����r�.� ��� ��T������ #�!���� #��������� ����%�%

• :�/�����!� �������(���!����������� T�3������4#�3!�����4���3��� ����4%

• :���(���� ��������!����������r�.����%

• ����3������4�>a��jj�]?XD��)����!������� �3!����4�>a�A���]?XD#���(���3��� ����4�;�

�����%�'��������!(,���)����������� �3.!���(4%

=����������!�F��������� �������! �!.�� �����0 ������;�<%�=���$(�."�������������� ���!�����

������%�&!������.���)���� �3���!� ����4������$(�."�������0 ������;�<�)���

� !�9��������%

���������%���

V�����!���/�(������(��,(�)�#���.�.�.���� ��!������������%

-����� �����������������!�����#���.�!���� ���!��������)�����������"����� � ������%

&�! (�����()��!�����!��T�3��� ����������� 4%�=��.�.�!�������(�� #�.,���3(��2!�����4���!� ��

�����.���,(���!����������.�3������4#�������,(��;�3�������� 4%

:�/����(��������)����! �!����/�� �����0 ������#���.�.�.� ���������������$!��"����������(�

��������%

:�!����!������;���)���%

0)������� �������!� ������.���� �� ������������� ������#� �!��.�����)������������������

,!������� %�'��!���!#��� �.�����)����)����������������� ������ �!����%

e� ��)�#��r�.����!�����(���������������������!��!�#����!�(��!���/���>�.�D����������;����

�)���.!!�.����!����� ���� ����(���#� .�����/��%

Q������)����� ���#����.���������!�F�������������.���! �!%�Q�����#��()������������!�%�e�

/������������(�.�������F������)���3�� ���(��4�����/������� �)�������� ���#��()���,�.(��2

���)���%

P�.��!� �#��!��������3����������� 4��"���!� #���.�!�(�����������#������!���������

(���F��%

&!���G�����������.������r�.���(��#�.(���������%

Q����#� �.��� �0�5��T

c% :��(�����!����� �������� �!F�������!����#�.�.��(��� ���.%

s% &!�� �����������!��� ����!��.���! �!(#����!)�9� ���$!��"������!����%

[% H�! �!��!����� ������!������ � !�9����� ��#� ����� ��!��.�%

Page 84: Язык javascript ч 2 2

�� -�������;� � ������F��.���� � !�9������������ �����C;<%�e ���!� �/����(�����)���

�!��(����!� ���� ��)������.��������(���F�,��� �!F����%

&!"�����9���������! �!����! )�����������.�"�� ���,!(�.���#��!������������#��.�! . �

� �����!�"� ���!��������(��������� �!)�����%

:�������"�%�������

0)����� ���������� �0�5���� �0�7 ��� �0�8������������,!�"����� ��F����.��#�

.�!��� ��� �������!��������> �0�5���D#��!��.�)�����!�� �)�����> �0�7 ��D#����!�� �����

���� �������> �0�8����D%

&!��/����� ���#�����()������!)� ������!���� �/�����#�������!������)�(�/��������%�V����!���

� �� �!��������. ����(�"��T

U�����$ ��������������������&�V��$��W�V���W�V���W������ ���

=����"���!� � ��!�������#�.,����)�� ��� �����������.�.� ��(9��� (�9� �3(��2!����4���!� �#

��.�����)�(�!�������%

:�/����(����� �����������������[��������� ����T�sMd�2�Mnd�2�sMd#���!(����.!�������

/����������!������������������.!������������������()�(�������%

:���!����!����/��������� ������$�,#��������9� #�.(�������F�����.�

�� �����(� ��������!���������!���%

U�����$ �������������� ��V��$��W

Q����������� �� �!�����%

�� :2��! ��#��)��!��������� ������� ���F�����Mnd<Mnd�����.!�����������!���#�

.(����������%

�� :���.�!����(����#����!���!��!�� ��� .����)�(�� ������2/�������������.�#��)��

�������#����/������ ��� ��������!�������8@#�����.�!����!����%

e������ ��� ��������������,�;��()����!���9����� ���!����������72/������

����.�#����������(9��� (�9� �� ������#��� ��(��������#�.�!����� ������ ���(����

/� �"��%

E���.�"���3��!�������)�(4�(������ ��,����������!��� �)������/����� #�����.�������2

����.��!��� ���� ��� ���� �� �#�.�.��.��������!��(�.����)�T

a��!���"���!��(�%�������

1����(���!������� � !���� ���!�����������)��.!��� ������! ���%

Page 85: Язык javascript ч 2 2

1�������������� �!���� �;��.�)������r�.����!����.�������(�����(#��.(����,� ���%�N��/�,�

����������!� ��������������;<��� ��� (�9����!���%

:��9�

e,!�������jy`y��A�T

�� &!��� ���� ������������.!���������)����%

�� &!��� ���� ������"��! ������!���#�.�.���.���)��� �/��������!�� ��(�����[���.�������

��F�%

�� H������� ���!#������)�����������!������/� ���.��������%

�� &�!���9�����,���/.!��(%�' ���.!���������� ����������������1���(�����

��������,��� �,��/����������������.(!�!�%

�� &!��� �������!��������� �!F�������!����%�=���������� ���!���(�������.!�������#�

�!�� �!��������!��� �� ���!%

&(�� F� �����(�������()���������������.�������� ����jy`y��A��$!� � !.��������!����

�������� T

• 1���!��%�1���� �� ������������!��%

• 1���������.!��2�!�(��!�� #�������!)�����. %

• 1���� ����!�����������F���.����� ������"������������<� ������%

• -,��,.�!��F�!�������������%

:���)�����(�����$� ��������!������, ������ �

������"�T�B�A���?<]�AhCX�<a`a<a��j�XiA<�`aXq%k�i?%

:��� ���������� �F��������#� ���)������������ �����,�.�.���!� �(����.(#����!���� ����

� %

11&2 �!�����$!� � !.����������� ��������&!��������11&T����jy`y��A�ll%

События клавиатуры

�� `����$������

�� :������� �� �������

�� C��� ��� ����������C����

�� P�.������ �����.��2.��+

�� C������

�� &(��������� �� � ����C������

�� 1��������� �����.,� ��

�� 1���������"��������� �� �

�� N��T���!� ����� �� � �!��� �!�,���!

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

)� e �� �!

H� E�,#�!�"����

Q��������!�����!����� ����3.� ���(!���4����������!���(�������%

Page 86: Язык javascript ч 2 2

=�����(5������

N���,#������(�F�������#�.�.�!��������������.� ���(!�#��)������� �������� � ������%

&�!�( ���!�������� �!��������)�����.� �F� ���.�� ����%

&!��� !�������� �� �����(���������T ��� ���E,�!�! ���T ��� ���H$.(��!( ���������������)�����.�.(�2���(���.� �F(%

R(!��T

jSTQaQJK�TS_�JF\JSESRS�\JFN_Q

&���!���������������#����� ���.�(�� �!���;� � !�9� �����.�/��(������(%

,��(������5�������&(��5

E����B����E����

H������C��� ���C������!��������!����)����<��(�.�����.� �F������ �����(������G��.��2.�� �� �� ��C��, ��%

H.��2.��.� �F������. � ��� �!��.��.���� �����!�,���!�%�'��!���!#�.� �F�����)�������������� �(�(#�(�(����(Y(#�(~(� �!(��. �!��.��.�#����G��.��2.���(���� ��,�������. T�:"%

:��� �� ��T

)������ �C��� ��*(���������?����������6378�*�������C��, ��(�)��)���

P�.������ �����.��2.��+

N���(. ���2"�$! ���.� �F#��.��2.���(����!� ���.�(��� ���� (�9� ���,� � ���,� �. �

�(. �<"�$!�%

'��!���!#��!����)�����.� �F��?�>��� �)�#�.�. �!�,���!���!��.��.�D��G��.��2.���(����

!� ��(?(����, ��e�;"<%

H��!(,������� ���#����!���!#����.�����(�.�(�"��#����(�"����)��������%�-��������"��.� #�.�!(�

�)�� ����#����!���!#�����������N)������!�T������������7�a`XCCT��X@]A��a�J�X`�C#����)���)��

��)��������()�(��.� �F(�������� ������������(�����.�%

P,��2�� �/����.��������������.!��2�!�(��!������� ��������� %�H� ���� �G��!9��;�����"��

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

6#��*

Page 87: Язык javascript ч 2 2

'���.�!������ ���������#� �G�)�#�������%�:���)����( ��������� �����"����)�%�H� ��;�

.� �F������� �#�����!� ��;��.��2.��� �!���������!�(��!��%

+������ s��Tnct ��n���0Ni�cUT0YR P�T��

> )� �DH )�

* �mc �Dc H�

� �m� �D� �)

f �DD �DD ��

� ��m ��m �H

� ��� ��� �c

� ��m ��m ��

E�������

H������C������� ���.�����!��(�����C��� ��#�������)������� �����.� �F�#��%�%���)�����

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

Y������(. �#�"�$!��,���!�!(���C������%���!� ��9���.� �F�#���.���.�.�,��#�?����#�t�#�t!%%�

;�C����������,���!�!(��%

H������C��������� �����(�����.����� �%�:����������.��2.��#������"�$��������������

��� ����!����������(�(���(Y(%

P����� ���!������� �� �� ��T����, ����������%�Q������.!� ������"���3,����4�.!��2�!�(��!����

��� ��������� #�!����!��������.�!����������.�.,�������;�����������)�#�������!�.��.��

�()����F������3�!� �����4�$(�."��#��� ��9����(�����.�� ����%

���$��������!�������E�������

P!��2�!�(��!����$(�."�������(��������� ������������C������T

"� ��������������_SG`FN�Z^JK�C������

"! �����������,��;�����<�=

"% �����;������������**�����<�=�����@5

"' �������;������C��, ���)�%!<������������>����\bFX��\HMESG

"# �����������?����� �,��, ��;������C��, ��<

" ��B

"9 �

"& �����;�����������2*"�LL����������, ��2*"<�=����E\F�TWSMF�@5

": �������;������������)�%!<������������>����\bFX��\HMESG

�" �����������?����� �,��, ��;�����������<>����S\JQGKN^F

�� ��B

�! �

�% �������������>����\bFX��\HMESG

�' B

N���9� ���$!��"���;� ���� �����!�(��!������������#�(��G����� ���,��;�����<T

�� :� �����!�(��!��#�.!���IJ#�(��������C������������� �� ����, ��#�.�!�����!)���.��

Page 88: Язык javascript ч 2 2

��� �%

�� &!��/���(���X����������.�!�����,�������"��������.� �F���%�N����.�!�������������

3���� ���4�(.���������, ��#����!���!#����3���^C���X4%�e��!(,����!�(��!�� �/����(����.��

(.��� ���%

�� S!�(��!�IJ����C����������(����� � �������, ��%�:�����/�,��������� ����.����� ��

�C��, ���> �C��� ���C����������!��������.��2.�D%

U�.)�#�����!����;� �$(�."��� �F�������(������! �!.����;�����������2*"<#����������

.!�.�����;�����������<%�=������(�� �f�&!�������������*�������! ���!� ��������������#��� �!�

;������%

:��� �� ��T

)������ �C������*(���������?����������6378�*���,��;�����<-AA(�)��)���

'��!� ���� ���,��

:������ ���)������ ����!(,(��$(�."����,�)������������T

�����������,��;�����<�=

���������?����� �,��, ��;������C��, ���ss����������, ��<>

B

1���!��������� �!�������,������"�������.� �F#����(�������$���!(�����%�'��!���!#

��� � !�9������� �����!������(L(#�.,�����)����.� �F��xH�!�.��: �!�y%�P!����,#�

���,�����������^C���X� ���X��%

H �� �2���$�.��!�

P�.���(��!(,�������� #�� ������������� �����.��� ��#�����!)� ������

� �� ����������#�������#�����������������%

1���(���� ���� ����#�������)����.� �F�2���$�.��!��;�

�� ���� ���#�?����#�,��#�e�����,������7��%

7�!����%��� ����������9�������

&� �������� ���)���!��� !�����#��������������� �� ����!�(��!�����C��� ���C������T

jSbWSZcpJF�IJS�NHZc_K�EEF\JH�E�]JHh�bSGYh$

)��������E����B�� �K��L�������� ���L�����*(����(�����*(%"(�

)��������E�������� �K��L�������� ���L�����*(����(�����*(%"(�

&�!�( �����2���(��� ����� �/��������>����(�����DT

:�IJ�����u���<*k�AiX��������� �� ����!�(��!���!��C��� �����.)���!��� !�9���������������C������%

'�.�!�����������(��! �� �����,���!�!(���C�������C��� ��#����!��(� ��� ������.��� ���%�

Page 89: Язык javascript ч 2 2

1�������� �����������.����!���������%�:����(�9���,� ������!����!G������������/����� �

$!�#�.�!����� ����!��,�! ���������. � �%

&!��C��� ���C�����������������9G����!�

'���������!����� �����C��� ���C�������.� �F���9G�����!��������!�(��!�%

&/��(� ��!�����.�����������������������;����!�#��%�%��� ��%�=���)��( ������ �

�!���!����)�%�: �������� ��������#�����!� ���(������.(9�������������T������

e���#��������������!����������������������������� ��+�H�����!����!�F�����;

����� �����������C����#����������! �����!����.���!�����3��� ��;��f"<%

7�!�����%�������(-���5����5

1���������)�������.���� #��������� �� ���.� �F%

'��!���!#��!��������.��C������;���� ����(������%�e��!��������4���0 ���;���!���"�����

�!.!(�����%

P�����)�#�������� �� ��#�.�!��� ��!��"�����������������#� ���! (����!����;���#�.�!���

�!����������(! �����!�"��� ��������%�P�����"����?�ltg����"��!(�����.!������!�(��!�� �

\�`aAhC#������������������ �����������%

<�!�'�%���������!����������-��5���9����

:��!���!����)���� �� ����!�(��!����������������9�������������#��� �������,�

��������� ��������������� � �!�����!�,���!�T

"� )��������*(��(�����*(����(�����*(!(�

"! )������

"% � ���������5������.�@�;A��A<� �C�������*���������;�<�=

"' ����*���ss����� �������>

"# �

" �����\bFX��\SIFJQNHF���NF�SZWQZQJ^EQFM�

"9 �����;���������ss����������ss����������<�������>

"& ���

": �� ������*���,��;������ss����� �������<>�

�" �

�� �����;2���<�������>����\bFX��\HMESG���NF�SZWQZQJ^EQFM

�! ���

�% ������������*������ g���,���;<>

�' ���

�# ���������� ���>

� B

�9 )�������

:��� �� ��T�

Page 90: Язык javascript ч 2 2

�M

H��� �����#�.�!���� ���� �������.� ���(!����.�"�$!�%�&!���!���)�%

:�����)����!�����!����������"�������.� �F���X?X�X<���^C���X��������������

*��?<�?�%

E����� ��.(����T��B�A���?<]�AhCX�<X�X`�C<`BiX���2�`�B�2C��<�`aXq%k�i?%

V�F����

&��.��.�T�������

'����()���������C������#���.�.�.����.��2.�(������������#����!���!#�

.� �F(�A!A�����(���� � �!�����!�,���!��>��� �A�AD%

'()������������ �� �����(�������>�%�%� �D#����� ���������"�$!�%

V�F����

'����()���! �!������� ���!�� ��#��/��(#��(��������� ����������C������%

e,!������. T��(�������� ����! �!���#�� ����������"�$! %�-������� �����#���

���������� �� �����(������%

P!����,#��,�!�!(������"���������� ������)������� .��������*��?<�?�%

E��.#� ��!�F����T

"� ������ �C�������*���������;�<�=

"! ����*���ss������>

"% ���

"' �����;���������ss����������ss����������<�������>�

"# �

" �� �����*���,��;�<>

"9 �

"& �����\������NQ_S�S\JSWS`NS�E�NFWQEFN\JEQhf

": �����J�T��NQbWHMFW�������*�A"A�*�����

�" �����NQ�E\YTHp�\GcIQp�GcIOF�E^NF\JH�bWSEFWTc����**������SJ_FGKNS

�� �����;���**�����<�������>

�! ���

�% �����;���)�A"A�ss������A:A<�=

�' ������������ ���>

Page 91: Язык javascript ч 2 2

�# ��B

� B

&���!�F������(�T��B�A���?<]�AhCX�<X�X`�C<`BiX���2�`�B�<�`aXq%k�i?%

{1�.!���������(� �� ��.��|

���"��������$%����"���&(��5

H������C��� ���C����� ���.���� ��,��%�e�C�������;��2!����(%

-�����!���� ���� �!��������)�����.� �F%�1�����!�������� ����(�9� �����"�%

=�%#�*����

���������/�&(��" 7%������

3�#���$��

�����?���f

C��� ��C�������C����

;�-�����$�$�����C��� ����C�������

1�,��������"����"��(� ���'��$�����C�����

/��(#������WOUsMdR������LORxQ�

���$�*�������WOUsMdR������LORxQ

.�����*�$

�������

e���5���

C��� ���C����

;�-�����$�$�����C��� ���

1�,��������"����"��(� ���'��$�����C�����

;������$��'��"���$���,"��,���������*�

�C������ ���������BC�����5����3����'"����

��-��*�5��������������������������$&�'��"����&�

���"����4���BC�C��������* ���������*�$&���

����

.�#�������

��#������

�������

e��E5,��ED,��E�

C��� ��C��������

C����

I��"���$������T\zdhs������,�����"(��C������

'��"���$�����LORxQ���,�����"(��

@���#�������$������'��"����$������,�

9<.�&����*�����= �<6���$�*=������: �

���C�������C��������'"����

%��� �� ��������������LORxQ���'��"����&�

QOfOSTA�TSefd���#�������,��A,������

��(��C��, ���9!�����'�����'��"����&:��3��!����

����,������&����C������������ ����������

�������8�������������-���������������������

�$���,���E�V���,���E�V�

=���!��&�� �!.��������%��� ��������"��&��&����

��������5������(�)*�+�.�������$����5�����������%���Q��P������n���0s��Tnct�&$�$��

%��&��!(4

8����#�������,���!�����'���$���-����'��� �

��'�����'��'���"�C�������

Page 92: Язык javascript ч 2 2

a���%�����

&!���,����)�����.� �F�� ���.����� �� �!%�&�������!�(#��)���,���!�! ��������,.!������

�������C��� ���;-C������<#��� ��� .�������� �� ��X�X��Z��BX�(��r�.���������%

U��������.������ ��)����������. T

� C��� ��

! C������

% C��� ��

' C������

# ��bSEJSWYFJ\Yf�bSTQ�TGQEHOQ�NF�SJ`QJQ���

C����

1���.� �!�����������/����,�����������%�'������������������������#����t��XuAq>8�`BqD�

,���!�!(�������C����T

� C��� ��

! C������

% C����

' C��� ��

# C������

C����

9 ��bSEJSWYFJ\Yf�bSTQ�TGQEHOQ�NF�SJ`QJQ���

& C����

�e�*k�AiX����7��������,���!�!(���C������%�:��9��#�3���!.4%�&�,�������)����.�

��C��� ����!��.�)���� ���)�������C���������(�.�����.� �F�%

:��9�.�����%�(

-�����9��������������/� �����"����������#����)���������!��� � � T

�� N��!�����"���,!�����.� �F#� .��������������;������(���C��� ��%

&!�������������.)�� ���.���� �7����%�N���!���.��������� ���,��� �!(��. �!��.��.��

�!��(������9����C������%�&�!�( ��������������������( �����%

�� -����()������������ �;������(���C������%�&!��/���$(�."�����,����� ����(�����

��� ����$���! �����F�����!����� ����%

�� Y ��*��C8A�^�,��������7����%�-G��)��!,���� �����!����9��

�! �!.������� ����e������������ ������ ��>.!�����X��D%

'���������!����� �����C�������C��� ������ ��9G���� ��G�

'��!���!#��!��!����������� ��� ��!�����.�������� �C��� ����)���(�����

��G�� ���� #������� ����������������#���.�.�.��!�(��!��9G������� ���,%�E����

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

z�����!�������������������������#��)��������! ���� �� �$(�."���

��!���CX�6�iXAB�>k�`a?X�#�nD%

Page 93: Язык javascript ч 2 2

N��!�������@u4g3���!�����!(,���/����� #��(9��� (����������$!��%�'��!���!� ������#�

.�!���!����� ����������,� ��� ���%�1�����G)���#���.�.�.��!������� �������������

��� .�������������F. #� �9������.� ���(!�%

�[

H��� ���$(�."�����/�����;����f�� ���f�� ��!f������ ����<#�.�!������(�.����������!�

�� !���������)�����.� �F����.��2.������ ���#�� ��!#��#�� ����%

'��!���!#�.����)�� � �����������!���� !���������)�����.� �F�(�(���(�(> �����

!�,���!�#� ��� �!��.��.�D

� ��/�����;

! ����������;<�=�����;(jWHEFJ2(<�Bf

% ��(�(����, ��e�;"<f

' ��(�(����, ��e�;"<

# <>

N��T��B�A���?<]�AhCX�<X�X`�C<iB?��^X@C%k�i?

V�F����

���!�F����

• �(�."�����/������;�����!��������������!,(���� %�N������(������

�����( ����������%

• E����( ���� ���!�����.�T�� ������� �C��� ������ ������� �C����%�&�! � �

����������)�����.� �F�� ��r�.����������*�=B#�(����� � ���������C��, ���

*����#��� �! �;�(������/��� �� %�-��� ���.� �F����.�����

�������������)����;����(�.� �������%

• :���.�����!�������� �!������)���������������.� �F���������#�!�F����

�G%

V�F����

�B�A���?<]�AhCX�<X�X`�C<iB?��^X@C%k�i?

{1�.!���������(� �� ��.��|

Формы: свойства элементов

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

�� ����������*(����C� �(� �#���������������*(��� (

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

)� &!�.��.�

V�����!����� ����/�������$!������!���� �����!�����������%

Page 94: Язык javascript ч 2 2

� ���

=������������;�������������� �)���� �$!���%�-,���,������� ���#��/��(����!�����!����,�

��! ��%

-,��� �������������;�.�.����������������� ������.�.�.�.����/�������$!��#�.�.�!�(����������%�=���� ��������������.�.���������F �.!��� ����.�#��������������.��. ��!���.������������*����C� ��>��� D%�P����#�/�������(���%

����,�� �� ��������� ����T

�� N�������.����!��(��� #�!� �� ������ ���� (�9�,������T

"� )� ����

"! ��)���

"% ����)���)� ����� *(���(�mSRGQ\FN�\�bWQEHGQMH)�� ����)����

"' ����)���)��������*(���(�����*(����C� �(�)����

"# ��)����

" ��)���

"9 ����)���)� ����� *(� ���� � �(�~�NF�WSZSJ)�� ����)����

"& ����)���)��������*(� ���� � �(�����*(����C� �(�)����

": ��)����

�" )�� ����

�� 0�����"�*�!����������������%�!�����"#�����-����'���*�'������������*�$&�

���'"���4

)� �����GHTNH�MFNY�)����������*(����C� �(�)�� ����

8�����",&�!�������������$ �����������������*����C� ����� ��������������

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

� )� �����GHT�NQ�MNF���]JS�VSTc\�NQ�\FGFTJF$

! )�������)��������)��������)�������!)��������)��������

% )�� ����

' )���

# )� �����GHT�NQ�MNF�WQEFN�TGHTc�NQ�TNSbTF$

)������� �����C*(����;�!%<(�����;�!%<)��������

9 )�� ����

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

N����F���� ����� �������������������(������������2������� ������T

Page 95: Язык javascript ч 2 2

������������*�(ySESF�aNQIFNHF(>

��������������*�(ySE^p�JFT\J(>

'�������( ���������������6378

N��/����� �����������.)�����(���� �� �����6378#���(�F����������� �����T�

���!�������.�5678#�����������!��(��� � F� � �/������%�P!����,#������

�!��!��(���56782X`����XC%

'��!���!#��!� ������������������������6378����,#�.�.���2�� ���>�(�(��!�����fD���

����>����6378�������������DT

� )���� �� ��L��>�L�>�)����� �� �

! )������

% �� ������*�� �������� �����������"�>

' )�������

# �

)������� �����C*(����;���������<>�����;��������6378<>(�

9 ��[^EF\JH�������H������6378

& )��������

����������KL���E���L.�����������KL� ���L

N��/����/����� ��)��(���������(���� ������.(9���3��������4��������%

1����������� �� �� ������C���>���������D%

���;����������C��<�=

������;(�FTZST\�E^ZWQN(<>

B

1�!������ �����������!����"(������������!��(������ �� �%�e�!��(�����������������3.�.�(.����� �

56784#���� �� �;�,����.�#� ��� ���� �����������!��%

���

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

! �

% )������

' ��������*�� �������� �����������"�>

# �

����;����������C��<>��������

Page 96: Язык javascript ч 2 2

9 �

& ����;��������e�������;A����C��A<<>����7)3%.,�3%"&2.

: )�������

CX?X��#�A���A`

=������������������#�.�.��������#�����!)� ����� �� ������%

1������� � !�9�������������>�����D� ��!��� ��"��#��(��� ��(����)�����������������;����������

��! �������%

����������/��� �v�����*�������������>

=���������.��� �������������)�� ��!����� (����(����T����� � ����������������������#����

(���� � �� �� ����������������@����T

���������������@�����*�">����bFWE^p�]GFMFNJ

����� .����������@�����*����������� ��!%

1�"������(������!���������� ��� ��%

-������������(�.������)��� ���� � ��!�>��!��(����������D#�������������)���(����<(���� ���#

���� �"�.���������� ��� ��T

���

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

"! ��)�����������*(���(����������

"% ����)������������*(�����(����������iYRTHp�ZGza)��������

"' ����)������������*( �C(����������l}\JTHp�WST)��������

"# ����)������������*(�������(��GQ\\HTQ)��������

" ��)��������

"9 )������

"& �

": )������

�" ��� ��*�� �������� �����������"�>

�� ���������*�� ��������������>

�! �

�% ����; ���*">��)��������������������>��--<�=

�' �� �� ��� ��*�������� ��� �����>

�# ����; ��� ����������<�=

� ��������; ��� �������<>

�9 ��B

�& B

�: )�������

H��"�$�.�"��T�5678�X?X��J?XiX`�%

����/��� �

Page 97: Язык javascript ч 2 2

:�������!����kX�����A`�J?XiX`�������������� �.!�.� ������.���������������/���������

��,�� ��� �T

��� ��*���B�/��� �;�����f������f��������?�������f���������<>

&�!����!�T

• �����;����!)���#

• ������;���������#

• �������?����������������������� ���� ����#�������������/������ ��!�����%

-,��)������� ���� ������ ������������5������;A ��� �A<#����!���!T

�� ��� ��*���B�/��� �;(dFT\J(f�(�����(<>

���\Sa_Q\J�) ��� �������*(�����(�dFT\J)� ��� ��

U�. �)��/�����#��� ��!���� T

�� ��� ��*���B�/��� �;(dFT\J(f�(�����(f�����f�����<>

N����������� �� �� ��� �

��/����� � ��� ����.)������������� �� �#�.�!����,(��.����������������>��%�6kX�����A`�

J?XiX`�DT

��������

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

�����

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

����

Page 98: Язык javascript ч 2 2

U�.�� �����!)�����"���>�#���� �������������D%

��������

�M

-�������.�T

� )�������

! ��)������������*(q �C(�{ST)��������

% ��)������������*(.����(�����������Gza)��������

' )��������

&!����9������������T

c% :� �������������������.�����.(9� � ��!��� ��"��%

�� N�� �����"��T�) ��� �������*(,������(��GQ\\HTQ)� ��� ��%

[% H��� ����G� ��!��� %

V�F����

V�F����T

���

"� )�������

"! ��)������������*(q �C(�{ST)��������

"% ��)������������*(.����(�����������Gza)��������

"' )��������

"# �

" )������

"9 �� ���������*�� �������� �����������"�>

"& �

": ������<

�" �� ����������/��� ��*�������� ��� ������������������@�����>

�� ������;��������/��� �������<>

�! �

�% �����!<

�' �� �����/��� ��*���B�/��� �;(,������(f�(�GQ\\HTQ(<>

�# ���������������,����;���/��� �<>

� ��

�9 �����%<

�& �����/��� �����������*�����>

�: )�������

{1�.!���������(� �� ��.��|

Page 99: Язык javascript ч 2 2

�[

'���F����$(�."�����������;� �<#�.�!����! �!�������!)����$!�����.�.(����.��.(�

3&! �!���4%

1F��.�T

c% 1�������� ����������%

s% &�!������ ������%

1F��.���)�����! )���������9������(���%�

'��!���!T�

E����� ��.(����T��B�A���?<uA�i<��?�a��X2C��%k�i?%

V�F����

V�F����T��B�A���?<uA�i<��?�a��X%k�i?%

{1�.!���������(� �� ��.��|

Формы: события "change", "input", "propertychange"

�� .�'$��� ����������� H������ ����� ���������

�� H������ ���������

�� H������ �������� �#������ ��� �#����������

)� &!���!T�������H0H

H� E�,

'��/��������$!����!��������������.� ���(!������F�#�������������.�.��!(,��#�������������� %

/�&(����� ���

H�������������!��������!���������������������/�������$!��%�&�������!�(#����)���!�������������,#�.�.�/��������!����$.(�%

Page 100: Язык javascript ч 2 2

:�!������������.����!������������.�� ���/����� %

'��!���!#��.�� ������!�������2�� ���.�� �������)��;�����������%�'�.�.���.� ��( ��G���$.(������!(, �/�����#����!���!#���)�G���.��.(�;��!�� ����������� ������%

)����������*(����(� ������*(����;����������<(�

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

8�������*�$&�-��!��������4������� �����������*����C� ����� ���'�(����������

'��"����$�����������I��"���$�����(���,���������*��'$�������$'�������#�����+�����

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

Q��!.�����������������������*����C� �����

• =�����������C� ����� ��!��������������F������"��!(�����������(��

)�� ����#�.!���IJm�%

:�IJm�����)�(�����!��$.(��%

• =���������������.)��,���!�!(�����������(��)���!�� ��!����������� ����#�.!��

��X�����IJm�%

:���X��<IJm�������.)��,���!�!(������!����!��!��������� ���.� ���(!��

.� �F���� �!�2 ���%

:���)����( ������/������������� ��!���!����)�T

� )������� ������*(����;����������<(�

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

% ��)������������*(!(�!)��������

' ��)������������*(%(�%)��������

# )��������

)����������*(����C� �(� ������*(����;���������C��<(�

9 )����������*(���� �(������*(�NSbTQ(�

%$���$4

• N���,#������ ��������������������C� ����� ��(��)��;� �IJm���()��� ������

�!�����.���������������C�>���!�� �������!�����������������������

.� ���(!�D���� ���� ��������������� ���������#������������)�%

• H�����������������,���.,���������%�:���X��<IJm���(����!�����������,��2

�!(,�(��!������� �����.� ���(!����� ��!�%

Page 101: Язык javascript ч 2 2

/�&(������������� ���

=����������!���������.� �IJ#��!����������������� �� �%�1���� ������ � ����

�����������(��)�%

-������� �����,��������C� �� �IJm�#����(������3�!� ����4�������������T

"�)����������*(����C� �(���FTZST\�\�( ������(f�WQZSJQzxHM�EFa_F�S_HNQTSES

"! )������

"% ������C� ��*�� �������� �����������"�>

"' �

"# ��;( �� ���������(��������C� �<�=

" �����F\GH�bS__FW`HEQFJ\Y�;@5<

"9 ������C� �� �� ����������*���������;<�=

"& �������;�������������Y ���**�(����C��(<�=����HMY�\ESp\JEQ

": ����������;����C� ������C��<>

�" ����B

�� ��B>

�! B������=

�% �����S\JQGKN^F�ZWQcaFW^

�' ������C� �� �������*���������;<�=

�# ��������;����C� ������C��<>

� ��B>

�9 B

�& )�������

7����'$������-����'��$������������������#�����������,��!������� ��������������

��#��� ������$����*���/�����������"��������������

&�!�( ������!������2�� ���.�� ����#���������(�����%�&!��(���������������� ����������(����

�� �����%

&!���!�;���.����IJT

"� )����������*(����(�� �� ���������$�)�� ����*(�����(�)��� ��

"! )������

"% ��������*�� �������� �����������"�>

"' �

"# ������ �� ����������*���������;<�=

" �����;������� ����u����**�(�����(<�=

"9 ������� ���������5������.�@�;A�����A<�����6378�*������������>

"& ��B

": B

�" )�������

Page 102: Язык javascript ч 2 2

.�'$�����������wxL

:��!�(��!��#������.��������IJm������u���<*k�AiX#��(9��� (������,�����

��������7����7Aa�u�Xa#�����.)��!����!(,�������� ������������������� �����(� %

1���������� �������!���7B����A`�J�X`�C%�'�/���������������!���!���� ���� ��!�(��!����������#���

��,����������F��.���#����r� ����(���!� F� %

'���!�.��.����.�����������()��#� ��� ��#��!�����.�%�e�� !�������������.��

>*k�AiX<��u���#�t��XuAqD��� ���� ��� ������.(����� ���!��������������7�������/����

����� %

/�&(���������

H�������������!����� �����(��)���!�����������������������.�� ,�/�������������!)� ������ �����

�!�(��!���#�.!���IJm�%

:�IJ��������!)� �������������#���������;���� ���.�����!��(���������� %

&!���!������ �����>���!������� �IJm�DT

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

! )������

% ��������*�� �������� �����������"�>

' �

# ������ �������*���������;<�=

��� ���������5������.�@�;A�����A<�����6378�*������������>

9 B

& )�������

/�&(��"����.�����.�� ���

=���������������(�����!��.#�����,����� ���������%�1����!��������!��

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

&!��/����� �� ����!�(��!���)���������#�.�.�/�������� ��!���!����)�T

"� )����������*(����(�������$�)�� ����*(�����(�)��� ��

"! )������

"% ��������*�� �������� �����������"�>

"' �

"# ������ �����*������� �� ���*������� �������*���������;�<�=

Page 103: Язык javascript ч 2 2

" ����*���ss������>

"9��� ���������5������.�@�;A�����A<�����6378�*��������-A�A-�����������>

"& ���������� ���>

": B

�" )�������

7���'$��������(�����"��������$� ������$��������(���

U�.)���(9��� (������������� �������� �� ������ ������%�1�������!��������#��������

������������ �������� ��������� ���� .������ �!������< ��� .(������!���.��!(�����/����� %

:������ F���/����� �� ����)���(�����!������� �����������������

P��)�����#�����!�����!���������.� �IJ%

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

kGY�]JSRS�0@v�ETGzIFN^�TSMQN_^�MFNz�[^WFaQJK�[\JQEHJK�;@5<

)����

���!��'�%������"�/)/

H������������H0H#�!������.�!����)���.��� ������������� #��� ��9������!��

.�)���������������%

P�.���.��!���� ���+

H�������������!��(�������"����������.����(��� %�E����������!�F���������(� � ����

�!�(��!��#�.!���IJ%

'� �IJm��/����������������!)� �����#��� �IJ�����!��������!��(������%�z�������+

:��������������@5��)������� ����� ���������#��������!��������!��(���������� %

:�!���#�/�������.���!�F�%�����������)�������X?X�X<���^����X������������� �����C����%�e� ��

(�������.���� �3 �!�����4���������;���)���� �����F�� ����%

&(������� ����.���.�����"��T

"� )����������*(����(��\HMESGSE$�)�� ����*(�����(�)��� ��

"! )������

"% ��������*�� �������� �����������"�>

"' �

"# ����������� �, ���;<�=

" ��� ���������5������.�@�;A�����A<�����6378�*������������������>

"9 B

Page 104: Язык javascript ч 2 2

"& �

": ������ �����*������� �C�����*������� �������*��� �, ���>

�" ������ �� ����������*���������;<�=

�� �����;������� ����u����**�(�����(<��� �, ���;<>

�! B

�% )�������

`����*��>����#�� ����*��������'$���������'��$����������������! ���!���"����#����

��������>���+������'���������%����"�*���������$�������$�*(���BC����#������������

�����������1��������*�!���������*������������ ��$�"��������� ����

�����������(���seVKTZed~V9�� �m:�

:��9�

H����������������������T

/�&(��� 7%������ 7��&�������

�����

/�����������#�����('�,��

!������������$��8���������$&�

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

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

8��������������C� ����� �'

��"���$����"(���,�����

�$'����

8���xUeSOABCl����'��$�����

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

������"�$�

8���BCl�����#��'���&�-�>��������

���"��

�����

.�'$�����'��$��������*������

������$&�!�������&��6������

-�������������"�������#��

���������

%�BCl�����������-����� ���BC�����

��'���������"������

� ���������

`��*�������BC��a������*����

�'$�����������-�����

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

/�������>���,���������

����-���

�������� ����u����

�����,�����",&�'��"����& �

������QOfOSTAWiSdZe�

��wxL�VVSLdzTfTez�

;����'��$��������"������

����������������,�������

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

.��'��$��(�����

������A��������A"������

�������%��&���-���������*�

�������'��"���� ����,���

������A���������A"�������

����������>��

%�������������#�������"#�*�

���*��4�������������'��$�����

�'$�����!���������>�

�+> ��������#����

Page 105: Язык javascript ч 2 2

N���,#�����������.�.���� �IJm���� � ���������������(��)��;��)��� �������!�����.�

������C��������� ������������ ���������� ���������.������%

:�IJm��������������>�����,�����D���� ��� ���%

0)��( ������/��������(�9����!���!�T

�)����� ������*(� ;�����<(� ������*(� ;�����<(� �� ���������*(� ;�����<( ����*(� ;�����<(�

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

% )������

' �

# )������

���������� ;�����<�=

9 ��� ���������5������.�@�;A� A<�����6378�-*�A�A-����������>

& B

: )�������

8�����&�'��"����� �������BCl���'$���'"�"������*�����t/q7�����'��-��*��������

���@u4g3�

�M

H��� �������!$� ������ ��������.,� ����������!"��� ��� .��(%

H�� .��$�.��! ���T�csd�,� ��%�&!�� .��G�������3.��������"��4�;��!"�����

�!���� � ������.��(���� .����.�)�� �����"�>�)�� ��!"���D%

&!���!T�

U�������.����!�� ����T

Page 106: Язык javascript ч 2 2

• :�������(�� ��)������������� �������2"�$!(%�&!��/����(���� ��G��

!����������"�������.� �F�������������*��?2�<*��?2_%

• E��������� �$!����!�)������ �!��(��������!��(%

E����� ��.(����T��B�A���?<uA�i<�X��X`�2C��%k�i?%

V�F����

V�F����#�F�,�c

e,!����!�F�������. %

U�.�������� � �� �������(�� �!��!�F���#�� ��� ��!�����.���C������%

1���)� ��������������������������!� ���������!��(���� T

• '�������T�������������������������� ����������C��������

� ���������������!����IJ%

• '������C� �T������������C� ��������������� ������������IJm�%

• '��������T�������������%

V�F����#�F�,�s

V�F����T��B�A���?<uA�i<�X��X`�%k�i?%

{1�.!���������(� �� ��.��|

Формы: метод и событие "submit"

�� .�'$��� ������������ 0���� ����������

������������)�����������$!���������� �G#����(,��%�-����� ����#����������)���;�/������������������������)����������*(����(�#��������"���� ����� ����%

'�������������!���������;�/�� ����"���>�! �!.�D�$!�����!�����!� . %�N����G��(9��� (����������������%

/�&(����������

z������!� ����$!�(������! �!#�(���������������� �������T

�� &�! � �;�/����)����.��.(�)����������*(������(�����)����������*(����(�%

�� :�! �;���)����J`�X�������#�.,����� �$.(��%

:������(������(�����,���!�! ����������������%�-����������� ��G���� �� ����!�(��!�#���$!��������!� ����������! �!%

P�.��!� �#�/�������(���������! �!.��������� �$!��%�-�����2�������.�;� � ������F��.������!� .�����������%

&���!���/�����)� ���!���!�%�1��������� ����(����9����#�$!�������(������!� ���T

� )����� �������*(����;A������2A<>����������(�

! ��jFWE^p$�5����E�JFT\JSESM�bSGF�)����������*(����(������*(dFT\J(�)���

Page 107: Язык javascript ч 2 2

%��[JSWSp$�yQ`QJK�NQ�(wJbWQEHJK($�)����������*(������(������*(wJbWQEHJK(�

' )������

# �

)��������

6-���������������4

c% &�!� ����� ���.�� ���������)�����J`�X�#��(����������#���$!��������!� ����������! �!�

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

s% U�)��������!�� �����!��.�.�����)����������*(������(�%

:����� ��������� ��������������C

&!����!� .��$!����(�G����)�����J`�X�������.�� ����#����/������)������

����*(������(�� ����#�.!���IJm�#�,���!�!(����������������C%

=��� ������� �#�(���� ������.�.�2���������%

� )����� �������*(����;A������A<>����������(�

! �)����������*(����(�����*(%"(������*(yQ`MH�a_F\K�5���(�

% �)����������*(������(������*(?�����(�������E� �K��L ����Qo����EoRL�

' )������

%�BCl���'$����������������$����

:�IJm������������������� ��� ���%�:�!���#����� �F�����!�����.���������������/������

$!��#���������� ��������,�! ����#���/���������G���!���%

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

z������!� ����$!�(������! �!���������������;��()�� �� �������/�������$!���

����� ��������;<%

&!��/������������������������,���!�!(����%�&!����,�����#���������!,!������� ��� ����

������ ��������;<#����� ����� ����! �!.�%

Page 108: Язык javascript ч 2 2

=�������(��#� ���������#������.(��� ��� �,���!�"�������!� .��$!��%

�M

H��� ���$(�."����� �4 ���;����f��������C<#�.�!��� � ����$!�(���� �����

��9�������������.��.����w��wJMFNQ%

• &!����!� .��$!���>��< �� ���.�� ����D�;��)��� ��� ������

$(�."����������C���������������%

• &!����)��������wJMFNQ�������.� �F(�JC��;��)��� ��� ������

$(�."���������C;����<%�P� �F��JC���)�����.!� ����$!�(� ��,��#���)������

������ �����9�������� �$.(��%

1���������!�����"��T

• �!����)����.��� ������ �"���!��.���>����� ������ �"���!���!�������������,

!����! #�����.)���!���!.!(�.��.��fD%

• U�.����)����������������.�.�����!.#� ��)����� �5678

• &!���.����$!�����������/���������!���"������� ���������#����!������

�!(,���.��.�����%�#�/��.��;�������%

• &!���.����$!���;��!��(�$.(�����@u4g3���� ��%

• '�)�����6��<�k�u�l6�]���!�.������ �"�.����.�������$!��#�������

�� ������!�.������������!(,���/���������!���"�%

&!���!������ ����T

�� �4 ���;([EF_HJF�IJS�NHZc_K)������cMNSF�$<(f���������;�����<�=

������;�����<>

B<>

1�.!���� �� ��.��T�>��)������������.��.(D��B�A���?<uA�i<��Ai��<�`aXq%k�i?%

V���� ���!�F��������/����T

c% H��� ���5678<*������$!��%

s% V���)����$!�(� �"���!���!����9��*���>�)���"���!�! ��������!���

����������#����,����()���(�����!������������!����! �.�����!������ ����

.!�������$!��#���.����*���(�F�D%�E�� ��� � ��(#�����G�!����!��� �!��.���

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

[% V�F���������(T�.�.��������$!�(������ #�������������������,���)�������

�!(,���������!���"�������!���6���( �����$!��%

g% '���F�����9���!�F��������!�����.���%

V�F����

V�F����#�F�,�c

Page 109: Язык javascript ч 2 2

5678<*������$!��T��B�A���?<uA�i<��Ai��2c<�`aXq%k�i?%

V�F����#�F�,�s

0������.�����������(�G����� �����.��.(����(�0@v#����������!�.!� ��9�,�

�.(�����������9�,���F� ��������%

:�!��(������ ���.�.���(�(������ ������/��(�0@vAcT

H���T

"� �� �������=

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

"% �����$�">

"' ������$�">

"# ���������$�:""">

" ��B���$��""�>

"9 ������$��""�>

"& ��� �E������������$���>

": �� ������$�"�%>

�" �������$������; ������*%"<>

�� B

H�� �$!����()�#������� ���#�������9����F� ��������#����������������0@vASM%�0��

������9����$!�(� �.��� ��!#������������(����� ����(�!�!������%

V�F����#�F�,�[

V�F����T��B�A���?<uA�i<��Ai��<�`aXq%k�i?%

{1�.!���������(� �� ��.��|

События и методы "focus/blur"

�� 3��������*������� ����� ��������� 5678M���*��[� ����� ����� �������

�� &�� ��.���!��$.(��! .�

�� e �$.(�

�� &� ����!

�� 0���� ���������� ���;<

�� V��!�F����$.(���������/������T� ������������

)� H������ �������� ����������� ������������;<

H� N��,�! ������� ����� �������

�� :��� ��9�������!���� �T� ����� ������� ��� ��

c� E�,

H������� ���� ��� �������,��#�.,������ �����$.(��!(��������/������#����!���!�.�.�������@u4g3%

H���������� ��� �����#�.,���$.(����������#����!���!����������.�.��������!(,��������/.!���%

Page 110: Язык javascript ч 2 2

&�(���������� ���/�����������!)� ����/���������%�&�!������/����� �����,�!����������!�(��!��.��!�(��!(#����!���!#�����.����IJ������� �7���%�'������/������#�.�!�������!)� ����$.(��! .(� ��,��%�:���! (����!����/����#���.�!��������������)��� ������ �� ���T�@u4g3#�?585,3#�e����%�%

H��!(, ���!��#�/����������$!����! ����#���.���.�.�0@v#�?4eu#�3e.85����!(,���;���(����������

����!)� ����/��������#��%�%��������������3$.(��! �����4%�:�!���#��(9��� (�������� .������$.(��! .(���������%

���!�����%��� �����"�����������

&������!���!����)���!��$.(��! .�>.�.����������,D����� �������� �������#����!���������$.(��>.�.� ��!(,�������D���!������� ��.(T

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

"! �

"% )������

"' ���������=����C ���$��te >�B

"# )�������

" �

"9 )������

"& ��������*�� ���������5�������.�3�u���;A�����A<�"�>

": �

�" ��������������*���������;<�=

�� �����������u����*�A�������A>

�! B

�% �

�' �������������*���������;<�=

�# �����������u����*�AA>

� B

�9 )�������

7������������"#�'�$���%���������$&�'��"����&�����!��,����-����'���*��'���

NOPOQRSTUV�

U�.(9� �/�����#����.�!��$.(�#����(����.�.�� �������������5������%

^_Q`q���N��H��!���������������

'�.�!�����������,(�������!�F�����!���� ����� !�����,�5678<*��%�'����.(9� �������

������ ���� ��!�(��!#�.�!� �������������!)� ������ ���� (�9���� �� ��;�/��IJmcn%

&/��(#��!�)���������!�������.�����������#����!�����!����!���!���!�%

����������%������$�������

H�����"����� � ����!��$.(��! .�� � �����!�(��!��#�.!���IJmO#��)��������!�F�����!���� ����

*���>*��s%cD#���������;����.�!��$� ���T

� )������

Page 111: Язык javascript ч 2 2

! ������������=

% �����C ���$��te >

' �� ������$�� ��>���+�cZWQJK�WQMTc�+�

# B

)�������

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

& �

:)��mFGFTJSW�$� ����E^_FGHJ�]GFMFNJ�bWH�VSTc\HWSETF�NQ�NFM�;TWSMF�@5)W<H�cZFW}J�WQMTcf�TSJSWSp�ZWQcaFW�E^_FGYFJ�]JSJ�]GFMFNJ�bS�cMSGIQNHz�)���

%�BC�9���(#���'��������$�:���$�*����"����-����-���"�������������*��,��

���'"��iTze�dR~s�

a������$�

&!����,!(�.����!���"�#���������� ��(9��� (���/����������!��(������ � ����;��!�(��!�� ��������.��

$.(��!(��������/���/������%�V������� � �����!�(��!��#�.!���IJmcn%

���

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

P!��2�!�(��!���)��������� �� ������������T

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

! )������

% ��� ���������5�������.�u���;A�����A<�"��� ���;<>

' )�������

&� ����!

&� ����!�;�/����������2���.��.�� �(�!��@u4g3#�.�!��� ��������.������������!��$.(��! .����

�(9��� (��#��.������������������� �������.��%

:� �����!�(��!��#�.!���IJmcn#�/��!����(��������"���������!��(��������� ���T

)����������*(����(������� ���*(5�����(��{QZSJQFJ�EFa_Ff�TWSMF�@5�_S��"

:���.�!����!�(��!���/�����.����)������� ���T

� )������

! ������B��E����������� �������f������������� ��������=

% ��� � $���>

' ��� ��������$�������>

# B

)�������

9 �

Page 112: Язык javascript ч 2 2

& )�����������*(��(�����*(����(������� ���*(5�����(�

: mJHGHacFJ\Y�E�?�����,� ���tt

�)

V����( ����� ����!��������������#��������!����� �IJmcn%

&!� ���!������� ����!�T

• =������������������!)����� ����!%�H��"����� �

.���������� ����!��������(���!� �" ��%

• &!��$.(��! .���� ����!��!������%

• &!���������$.(��#���������(����;��� ����!� � !�9�����%

:����!���(�.����)����������������.!��2�!�(��!�%�&!���!T

E����� �.�T��B�A���?<]�AhCX�<X�X`�C<�?��XkA?aX�2C��<�`aXq%k�i?

V�F����

H�������/��������!�����������������.����������� ���%�N���!������(�����������#

���/��;������� ���� � ��)�� �.����(�@u4g3AQ

&!��$.(��! .�#����� �/������������������ ����!�;����)�����������T

"� ������ �� ����*���������;<�=

"! �����;���������u����**�A������ ���A<�=

"% ���������@����;���<>

"' ��B

"# B

" �

"9��������������@����;�����<�=����bWFEWQJHJK�]GFMFNJ�E�bWS\JSp�bc\JSp������

"& �������������u����*�AA>

": ��������������*�AA>

�" B

��Q�����/���������!����$.(�%�&!��/����()�� � !�������� ����!#�����.� ����

�(���#�����/�������(�� T

"� ������ �����*���������;<�=

Page 113: Язык javascript ч 2 2

"! �����;����������**�AA<�=����F\GH�bc\JSp

"% ��������@����;���<>����aQbSGNHJK�bGFp\hSG_FWSM

"' ��B

"# B

" �

"9 �������������@����;�����<�=

"& �������������u����*�A������ ���A>

": ��������������*�A5�����A>

�" B

=��!�F������)���������(������ �����!).�#������!��

������������@�����.��! ������������� ����"������� �� #��� �����@�����;�

������ � �����,T

"� ��������������@����;�����<�=

"! �������������u����*�AA>

"% �������� ��v�����*������������>

"' ��������������*�AA>

"# B

" �

"9 �������������@����;�����<�=

"& �������������u����*�A������ ���A>

": ��������������*������� ��v����>

�" B

U���!�#����������������������������������� ����!��;�/����������������� �5678#�

����������!,��������������2.�%

&���!�F����T��B�A���?<]�AhCX�<X�X`�C<�?��XkA?aX�<�`aXq%k�i?

{1�.!���������(� �� ��.��|

)���������������QR

'��/������#�.�!� �����!)� ����$.(��! .(#��)���$.(��! �������!,!����%

'��!���!#��)���.������$!�(����(��)���$.(��! ��������������#����������������,� �����

��.��T

"� )����������*(�������$� ��(�����*(� �(�

"! ��U\TQJK�)�����������*(����(�����*(�����(�

"% )������

"' �

"#)����������*(���� �(������*(jSTQaQJK�VSWMc�bSH\TQ(� �����C*(�� �t �;<(�

" �

Page 114: Язык javascript ч 2 2

"9 )������

"& ����������� �t �;<�=

": �� ��� ��*�� �������� ���� �>

�" ��� ����������������*�A�� �CA>

�� ��� ������������������ ���;<>

�! B

�% )�������

�� �����!����$������2&�!�6��!����'�� ������

'����!������#������� ���/��������,(��������$.(����(������#��(9��� (�����!��(����������#�

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

P,��� ���!�� �� �������������*()IH\GS�(�/�����(T

• &� ������ ��)�������������$.(��! �����%

• &�� ������!����)�����.� �F��36�]4���!��������/����������������F����)��������

�������������������.����(�9��(%

E�.��������� ���������"�����������������������*("(#�.�!��������/������ ��,���

�������%

• Q����������������*����������#����/��������)��$.(��! �����#�����.��!,!����%�

P� �F��36�]4��(�����,��,�!�! ���%�H!���������.������� ���;<%

:��!���!����)�����������.�/����� %�P�.���������� ������������)�����3��]4%

"��GHTNHJF�NQ�bFWE^p�]GFMFNJ�\bH\TQ�H�NQ`MHJF�3����[NHMQNHF2�kQGKNFpOHFNQ`QJHY�3���MSRcJ�E^EF\JH�aQ�RWQNHX^������AQ�\�bWHMFWSM�

"! )���

"% )�����������*(�(� �� ���*(�� �t ���;����<(�w_HN)����

"' )�����������*("(� �� ���*(�� �t ���;����<(�ySGK)����

"# )�����������*(!(� �� ���*(�� �t ���;����<(�kEQ)����

" )�����������*(��(� �� ���*(�� �t ���;����<(�iHNc\�S_HN)����

"9 )����

"& �

": )������

�" �����=���� $�� ����>�B

�� ��$� ����=�� ��$���������������>� ������$�">�B

�! )�������

Page 115: Язык javascript ч 2 2

3�������������+��������������<KO�=�����������$������-���'$�*�����4�����!���"�9���*���,����������:��3�����"�$�����*��������#����*������*�"(��<KO�=�����

���,�� �������&���������������������'"���������,��-����� �

'�.�!����!�(��!�� �������/��������$.(����(�.��!� �!���. %�:��!���!�� �F��/�� ��������

(�!����!����9��*��2� �� �� ������$�"��������������� ��� �!��. %

/�&(�����������!��������������QR

H����������;�/���!�� �)������ ���%�1���!����� ���#�.,���/��������!����$.(�%

0������������;<������ ����/���������!����$.(�#�������. ��������%

Q�����(��/��������������(���������! �!.��>3 ����"��4D���������%

:����(�9����!���!����� ����!����� ����"����!�����!��$.(��%�'���!������2���(��� ����

3 �!���4��!���!����)������ �!F���� �#���)� �6�]����.�.�( � ��!(,���������!���"�%�: �������

����������(����� ��������.���! �!��T

���

"� )� ����[EF_HJF�EQO�ESaWQ\J$�)����������*(����(�����*(��(�)�� ����

"! �

"% )�����*(� (�a_F\K�Zc_FJ�SOHZTQf�F\GH�E^�EEF_}JF�NF�IH\GS)����

"' )��������� �=����C ���$���>�B�)�������

"# �

" )������

"9 ��������*�� ���������5�������.�u���;A��A<�"�>

"& ��� 6 ����*�� ���������5������.�@�;A� A<>

": �

�" �������������*���������;<�=

�� �����;��u�u;���������<<�=����EEF_FNS�NF�IH\GS

�! �������bSTQaQJK�SOHZTc

�% �������������u����*�A� A>

�'����� 6 ��������6378�*�A[^�EEFGH�NF�IH\GS��U\bWQEKJFf�bS`QGcp\JQA

�# ��B

� B

�9 �

Page 116: Язык javascript ч 2 2

�& ��������������*���������;<�=

�: �����\ZWS\HJK�\S\JSYNHF�(SOHZTQ(f�F\GH�SNS�F\JK

!" �����;���������u����**�A� A<�=

!� �������������u����*�AA>

!! ����� 6 ��������6378�*�AA>

!% ��B

!' B

!# )�������

6'������������ ����*��������������*���������-���'��'��#���'$���� ��� �#��'$�

�������������"�������������������<��'�=�

P����#��! �!.����.�)��(�.�.(��(����������(�������#�����,���������������(���$�.��! ����

��.���.������� ��%�N��/�,����()�������������%

<���9���������������������

H������� ������������� ��� ���%

U�.����!���#��������)�������� �������,�! �����������%�'��!���!#��������)�������������.#�

������!��$.(��! .�� �$!��������� ��� ����T

� )������������� �K��L������ ��Y ��Ko�������oL�

! ��)����������*(����(�����*(����(������*([QOF�HMY(�

% ��)����������*(����(�����*(������(������*([QOQ�VQMHGHY(�

' )������

# �

)��������� ������=�� ��$�!���� ������>�B�)�������

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

���"����������('���@u4g3��'$���� ������'��$��������*������!����!������������

���$����������&�

z�������+�'�()�������)����!�� �� �����!�����.�.�)��(������� ��2��.������� ��)�����

����� �������,�! ����+

,�%�(��2C��������������('�����������������

• :�� !��������������!����������������� ������� ��� ���;���)������#������� �������#�

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

&���!)� ������ �IJKl#�����.)�� ���u���<*k�AiX�����X��%�:� �����!�(��!��#�.!���IJ#��)�������

���������������!��� �2� �� #����!����9����������5����8������%

-����� ���� �� !������ ��!�(��!#�.�!� �����������!)� ����;�/��t��XuAq%

Page 117: Язык javascript ч 2 2

• :� �����!�(��!��#�.!���IJm�#��������� ���������)��� ������������������ ���#��������

(.��� ������� ��!,(���������������5����8������� ���������,������%

P�.��!� �#������(���� �� ��.��.��T�� �������� ������$������� ���� ����#�.!������!���IJ#� �

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

&�� ��.��$!��� ��!���!����)��!������� � �����!�(��!��%

���

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

"! ��)����������*(����(�����*(����(������*([QOF�HMY(�

"% ��)����������*(����(�����*(������(������*([QOQ�VQMHGHY(�

"' )������

"# )������

" �� ������=�� ��$�!���� ������>�B

"9 )�������

"& �

": )������

�" ��������� �t �t ���;<�=����������u����*�A� �����A>�B

�� ��������� �t �.��;<�=����������u����*�AA>�B

�! �

�% ��� ��*�� �������� ���� �>

�' �

�# ���;� �����5����8������<�=

� ��� �����5����8������;A� ���Af� �t �t ���f�����<>

�9 ��� �����5����8������;A���Af� �t �.��f�����<>

�& B������=�����@5):

�: ��� �� �� ������*� �t �t ���>

!" ��� �� �� ��� ���*� �t �.��>

!� B

!! )�������

:��9�

-����[��������$.(��! ���������/������T

c% P�.�(�����F��

s% &�!� ��������,�.� �F� �6�]

�� :�� ���������� ���;<

• &�(���������,���/�����������,(���(�����$.(�%�'��!���!#����� ��.�.�������0@v#���

$.(��! .�������������!�� ���%

'�/���)����������#��������� ����/�����(���!��(�����@����%�=�����!��(����.)�������

��)�����.��!�! �����!��.���!������!����)�����36�]4%

• H������� ������������� ��� ���%

Page 118: Язык javascript ч 2 2

:��(����#�.,��� ��������������#��()������� ����� ������� ��� ��� �IJ�

�� ��������������������� ��������!(,����!�(��! %

�g

P�.���������F�.(%�Q�������)��� ���.� �F������!�.���#������(����� �,�����%

��������!��!�F����#������F�.�������������������,��2�� �,(������.(�����#�

�0@vAF���� ���� �$�������%

E����� ��.(���������F.��)�(�� ����(�T��B�A���?<]�AhCX�<X�X`�C<iABC�X2C��<�`aXq%k�i?%

V�F����

e,!���

H��� ������� ���� ��,!����!�F����T

�� &!��.�.����F�.��(�����$.(�%�N��/�,��()��������������0@v�����!(, �

��,#������� ������(���������*(��(%

�� P,������/�������$.(�#���.� ���(!������������(�(���!����� �����!������

�G�%�U������ ���� ����� �C��� ��%

0�� ���!����C��� ��#����(�������� ���� 2��! ����� � ������)��������

���"%�.� �F��>��!�.�D#��� 2 �!��#����������� �� ����!�(��!�#�.�!�����

(�������� �������!.!(�.����!���"�%

�� &!����)����������!�.��� �,������F�.����!���� ���� �$��� ������� ������%

N��F��!�F�����;���!�( ��������������%�:��)����� �����.����� �

V�F����

c% &!���(������$.(���;�,� �����F�.��.���!���9����T

� � ���������5������.�@�;A� ����A<� �� ����*���������;<�=

! ������������� ���� ��*�A�������A>

% �����������������*�A"��A>

' ������������� ��*�A"��A>

# B

�� P������.� �F���!�.��)��(�����#���)������������������� ��������%�:��

��T�[L2[O2[�2gn�> � 2 �!�2 �!� 2 ���D%

&!����)�������!�.��;�� �,������F�.�T

Page 119: Язык javascript ч 2 2

"� � ���������5������.�@�;A� ����A<� �C��� ���*���������;�<�=

"! ����*���ss������>

"% ���B���;��C��, ��<�=

"' ��� ���%9$����EGFES

"#�������������������*�����@��;��������������<����� ����������-A��A>

" ������������ ���>

"9 ��� ���%&$����EEFWh

"&��������������� ��*�����@��;����������� �<����� �����6����-A��A>

": ������������ ���>

�" ��� ���%:$����EbWQES

���������������������*�����@��;��������������<-���� ����������-A��A>

�! ������������ ���>

�% ��� ���'"$����ENHa

�'��������������� ��*�����@��;����������� �<-���� �����6����-A��A>

�# ������������ ���>

� ��B

�9 B

1�!������ �������#������ �� ������(������������!�.�� �������!.!(�.��

��!���"�%�&/��(#�������G��������#��()������� �������������%

P,������ �����(��!����$.(������F.�#��������!�������!��,�! �������

.� �F�%�'����()���(�������!�����.��������#����(�����!�(��!���!��������

��� ����C��� ��%

:�!�F����� �F��������!����%�0�F�.���������� �0@v��� ���� �$�������%�=���������#�

����,������� ��� ������.!����������������������.(�����#������������

���"���! ���,��!��.�%

z�������+�V�F��� ��!�%

�� &�! ��;�(������/�,����"���! ���,��!��.���!�� ��������������� �#�

���������,�.!����������.!����������������.(�����%

�� :�!��;��������� ���� �$�����%�&!��/���.!���������F�.���)�� ��������!��(��

���iABC�X%jX��AB`a�`j*?�X`�wX��>D#��%�%� ��� ��������� ����������������.��%�=��

��F��.������!�2�,! �����#�����!��������.(�����%

�� U!�����;���!�����������F�.������ �������� ��� �������� �)����%�U,�������

.!��������� �G��(���� ��!��.�%�'��!��/����,(��3������4�����%

������� �!���#������! ���� �!��!�F�����������%�e� ���!�������������!���#���.�.�.�

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

Page 120: Язык javascript ч 2 2

-���� ���/�����(�G�#��� ��!�����.� �� �������(������ ������!���9�������F�.��

���./01T

� � ���������5������.�@�;A� ����A<� �� ����*���������;<�=

! �� ��� ���*���, ��;���<>

% �

' ��� �������� ���������,����;���<>

# ���

������������� ���� ��*�A��� ����A>

9 �����������������*�� ��������-�A��A>

& ������������� ��*�� ���� ��-�A��A>

: B>

�'� ������f�&!��� �������� ���������,����;����<���/��������������$.(�f

�.(���()�� ����� ���#������ ����C��� ��%�1���.���.�!����!�(��!�#����!���!�tt���

IJ#��������� �� ���������� ���;<�/�����������,��!�����.� �� ���%�U�������������/��

�����%

z����/��� ��#��)������ �����!�����.���� �� ���#��� �����CT

"� � ���������5������.�@�;A� ����A<� �����C�*���������;<�=

"! �� ��� ���*���, ��;���<>

"% ������������� ���� ��*�A��� ����A>

"' �����������������*�� ��������-�A��A>

"# ������������� ��*�� ���� ��-�A��A>

" �

"9 �����;���������u ���2*�� �������� ��<�=

"& ����� �������� ���������,����;���<>

": ��������� ���;<>

�" ��B

�� B>

1������������� ���� �G�!� ���!���������������C#���������/��������!���9�����#�

�/��(���3�r�������4���������"��!(����,������ �� �� ���;<%

1.���������!�F����T��B�A���?<]�AhCX�<X�X`�C<iABC�X<�`aXq%k�i?%

{1�.!���������(� �� ��.��|

�[

H��� �����#�.�!���(�����!��(�!�)�������� ����#����� .�����*��C8A�^%�

:�.�������*��C8A�^�(��!G���!��(�!�)�����%

Page 121: Язык javascript ч 2 2

U�.������)������������)����F��.��!�� �����!�%

E����� ��.(����T��B�A���?<]�AhCX�<X�X`�C<���C?A�^2C��<�`aXq%k�i?%

V�F����

e,!���

�����������������������(���.�*��C8A�^%�&!����,!(�.����!���"������� ����#� .��G�������

���%

'�����)����,����������,����������������� T

�� &! �!� ���� #��(����� ���C������%�H�� � � �!�����!�,���!������

��)��,��k�u���������#���� .��G��*��C8A�^%�e��,���#���� � ���)����

!�,���!�#������k�u��, !���� .�������*��C8A�^%�

H �� ����������������.��� ���#���)������k�u�%�U�.�����)�������(�����#�

��)�����*��C�8A�^%

�� &! �!����C��� ��%�-�����)���*��C8A�^�>�.��2.��!� ���!"D#�����!�.������

�������#����F�� �����(���#�.,�����()���� ����%

&��7�����.�����������(�����#���.�.(�.� ���(!�������������

*��C8A�^!���������.!!�.��%

E������������,���8 �C� ���!����� #��)���!��$.(��! .�����@u4g3 ��� ����

�!��(�!�)�����%

1���)� �������������T�C��� �����C��������!F�������(! ����.(�����#������()�����

������ ���� ���� �������������������*��C8A�^%

'��!�� ����!��(� ��()�� ��������������C����������������� G���� ���������

���� �����������*��C8A�^������,#�.�.��!���������������%�P�.�/��� ���;���(�� ���

����%

V�F����

&!����,!(�.����!���"�#�.,����9������,�������!��#��������,�������������������

*��C8A�^#��/��(���!� ������T

������8 �C5�������*�����>

P,�����)����.� �F�#�����)��������������! �!���#�� ���������!�,���!���� �����k�u�T

"� � ������� �C�������*���������;�<�=

Page 122: Язык javascript ч 2 2

"! ����*���ss������>

"% �

"' �� �����*���,��;�<>

"# �����;2��<�������>����\bFXHQGKNQY�TGQEHOQ

" �

"9 �����;���� 8 ��,���;<�**����� g���,���;<<�=

"& �������\HMESGf�TSJSW^p�NF�HMFFJ�WFRH\JWQf�JQTSp�TQT�bWSZFGf

":�������M^�NF�MS`FM�H\bSGKaSEQJK�_GY�SbWF_FGFNHY�\S\JSYNHY�,���8 �C

�" ����������>

�� ��B

�! �

�%������8 �C5�������*�;���� 8 ��,���;<�**����LL�����������<�ss�;���� g���,���;<�**����LL�2����������<>

�' B

P,������ �������)������*��C8A�^#�����)�������������,���.(9����������%�'����

�)����������/����.����������#���������)���*��C8A�^%

'��!���!#�.,������ ������.!����!���"(#������������#� .�������*��C8A�^%�Q����#����

�(������������C��� ������*��C8A�^%�'���� ���!� ������������,��������#������

*��C8A�^� �.�������#����!�#� .����%

����;������ ������ �������;"f%<�2*�A7��A<�=����\SZ^JHF�_GY�,���8 �C�RGzIHJ�bS_�7��

! ��� ������� �C��� ���*���������;�<�=

% ������*���ss������>

' ���

# �������;��C��, ���**�!"�LL�����8 �C5�������2**�����<�=

����������8 �C5�������*�2����8 �C5������>

9 ����B

& ��B

: B

U���!����%�Q������������� ���#�������!��(�!��������� ������ .�������

*��C8A�^#������(��!�����,������!� ���,� ��%

c% N�������#�.,������ ������$.(��! ���������#�����)��� � �����

�!��(�!�)�������*��C8A�^#������� .����%

�� &�� �������������� �%�P�)����������C������� ��� ������

�!�����.��� �������C������#�.�!� ��� ���������������8 �C5������%

0������)�������� ����������������� �C������#������!�)�������������

��� ����#����(�������!���������� ������� �C������>��2��� ������D��#

��� �����#����,#�.�.����(��������������*��C8A�^%

Page 123: Язык javascript ч 2 2

-������,����� �!�F����/�(��!���(%�0)�#����!���!#������������!�����.�

��������*��C8A�^����������������� �C����%�U�����#�����.�"����(������

����!). #���/�����(9��� ���%

e���!���� ���!�F�����;���� ���������������. �)���!�����.#�.�.���

��� ������� �C������%

[% %%E���.��"#���� �����(��!����$.(������%�&!��(�!�)�������)�������� ���#

����*��C8A�^� .����#�����.�.�.���� �����()��(F������#��������()��

��!�������!��(�!�)�����%

P���! �!.����T

"�)����������*(����(� �C����*(����C,��������;�����<( �� ���*(����C,��������;�����<(� ����*(�� ��,��������;<(��

"! �

"%)��������*(�������$� ��>� � $��(���*(����(�[NHMQNHF$�NQ`QJ�,���8 �C2)����

"' �

"# )������

" �������������C,��������;<�=

"9��� ���������5������.�@�;A����A<���������������*�����8 �C5��������A�� �CA�$�A� ��A>

"& B

": �

�" ����������� ��,��������;<�=

�� ��� ���������5������.�@�;A����A<���������������*�A� ��A>

�! B

�% )�������

&�� �.��!�F����T��B�A���?<]�AhCX�<X�X`�C<���C?A�^<�`aXq%k�i?%

{1�.!���������(� �� ��.��|

�M

H��� ���0@v#�.�!� ��!����)�����*��?2J��!� !�9������ �35�3eq5e%

E��������#� ��������� ���#��)����!������ �0@v�����������.� �F�*��?2�����)��

����������)� �JC�%�&���/�,#�35�3eq5e��� ���!� !�9������ �0@v%

H��!)���#���!�������.�.�56782��,���)��!������%

&���!���#�.�.����)��!������T��B�A���?<]�AhCX�<X�X`�C<kA�u�X?a<�`aXq%k�i?%

E����� �.���(�T��B�A���?<]�AhCX�<X�X`�C<kA�u�X?a2C��<�`aXq%k�i?%

V�F����

Page 124: Язык javascript ч 2 2

P�.� ������������,�.��#�������2�/��0@v#�.�!� ��(�������!)����!��(����#�������2�/��

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

,�����5����

U�.�.�.�����!��!��(���0@v� �35�3eq5e����!���#������()�������������!�.�����.��

����. ������ ��(T

� �����f������=

! ������$�#"��>

% ��B���$'""��>

' �������� ����$����>

# B

U�.�� ������()��.�.2�� ������%�0)����� ����,!���"(#����,��������������.T���

( �������� �!����!���������,��r�������.��%

N���,#�������������!����!��������.���)�#�.�.��������#���� �����>��aa�`jDT

� ������=�

! ���+��������-�� ���*�%���+�

% ��� �����$�!��>

' ��������$����� ��������C>

# B

�����������������,!���"���T

� �����=

! ��������$�%��� �������>�

% ��� �����$�"��>

' �

# ������� �$� ��>

B

&�(������#���.�� ������.!��%�P�����#�/���.��(��!������������(��!��.(� �

*k�AiX<��u���#�.�!����� ������ .!(,���#�.,��������,���������$.(�T

����$� ����=

���������$�� ��>��+�cZHWQFJ�WQMTc�E�?�����bWH�VSTc\F�+�

B

P���.� �F

z������������.� �F�#������()�������.��2.��#��������� �%�=�� �)�#����(����

,!�����.� �F���)���!����������� ����������. �!��.��.�%�&/��(#�����(����

����� ����C��� ��T

Page 125: Язык javascript ч 2 2

"� � ������� �C��� ���*���������;�<�=

"! ����*���ss������>

"% �����;��C��, ���**�!9<�=����������

"' ����������;<>

"# ������������ ���>

" ��B

"9 �

"&�����;;���������LL���C��, ���**�A5A����, ��e�;"<<�LL�2���� �����6����<�=

": ��������;<>

�" ������������ ���>

�� ��B

�! �

�%�����;;���������LL���C��, ���**�A?A����, ��e�;"<<�LL����� �����6����<�=

�' ��������;<>

�# ������������ ���>

� ��B

�9 B

:��!���!�� �F�#� �����6����������(���������,#�������! �!���#���!�)������/�����

������%�=�����������)�� ��������� ����/����� #�.!���3q� ���.�!������!���

�!�(��!��%

:����������!�� ��! �!.���������**A� ��A#�/��������!���������/������#�

��!������������9������� #�����.�)�����/����� #�(�.�!����.!����!�����%

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

H��(�9���$(�."�����!�.������!�)���%�56782.��!��!�F��#��/��(� ��)����!�����

�!���$!��"��� �35�3eq5e����!���%

"� �������������;<�=

"! �����������������������*�A� ��A>

"% ��������������*����������6378>

"' ����������������������*�A�� �CA>

"# ��������� ���;<>

" B

"9 �

"& �������������;<�=

": ����������������������*�A� ��A>

�" �������������6378�*����������>

�� �����������������������*�A�� �CA>

�! B

�% �

Page 126: Язык javascript ч 2 2

�' ���������������;<�=

�# ����������������������*�A� ��A>

� �����������������������*�A�� �CA>

�9 B

&���!�F����T��B�A���?<]�AhCX�<X�X`�C<kA�u�X?a<�`aXq%k�i?%

z�����! �!�����,#��$.(��!( ���������!� ���u��iX#��)�( ���%

{1�.!���������(� �� ��.��|

�M

H��� ������)����������*(����� �(��.!��� � #������ ���� ��� ����!#����!���!�

>.�.����������.���DT

E����� ��.(����T��B�A���?<]�AhCX�<X�X`�C<�?��XkA?aX�2k�i?2C��%k�i?%

&!��.�.���� ����!��!�����������������F������.��� �����%

V�F����

:G!��.�

N�� G!��.���)������� �����!�"������ ������(���.���������.��. %

V�F����� ������ G!��.������� �!�F������������V���)������.��� �(�!��I�}b6%

V�F����

"� ������ ���� �����C�*���������;<�=

"! ��������� ���;<>

"% B

"' �

"# ��� �� ����\WQZSJQFJ�H�E^aSEF�������� ���;<�H�bWH�TGHTF�NQ������

" ������ �� ����*���������;<�=

"9 �����;������ ���������u ��<�=

"& ���������� ���������u ����� ��,����;������ ���<>

": ��B

�" B

&�� �.�T��B�A���?<]�AhCX�<X�X`�C<�?��XkA?aX�2k�i?%k�i?%

{1�.!���������(� �� ��.��|

Page 127: Язык javascript ч 2 2

Событие "onscroll"

.�'$������&��� ���,���!������������"#�������@,����,"��,���������*����*���

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

&!���!.!(�.��.����!����� ��������������� �� ��� ��%

'��!���!#����(�9���$(�."����!���!.!(�.��.��� ������.����� ��!.!(���������.��� T

� ���� �� ��� ���*���������;<�=

!�� ���� �����*����� �����1/������ss�� �������� ������5��������� ��3 �>

% ��� ���������5������.�@�;A�� �?� ��A<�����6378�*��� �����-�A��A>

' B

:��� �� ��T

U�.(9����!.!(�.��Z�X;O

S�����!������#�.�.��(���������������!.!(�.������!.!(������.(�����;����� ��� �

������V����!�����!.!(�.��/����� %

�M

H��� �����.#�������!���!.!(�.����)��/��������������>.�!���.����:����2&(��D�;���

�!�)���.��� ������ �� �2 �!�����(,(%

&!���!.!(�.�� �!��;��)��� � !�9�������������������%

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

( �����T�

1�.

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

E����� ��.(����T��B�A���?<]�AhCX�<X�X`�C<C��A??2�AC���A`2C��<�`aXq%k�i?%

V�F����

�B�A���?<]�AhCX�<X�X`�C<C��A??2�AC���A`<�`aXq%k�i?%

Page 128: Язык javascript ч 2 2

{1�.!���������(� �� ��.��|

�[

H��� ���.��.(��� �,�"��#�.�!�����,�����!���!.!(�.����!���"�%

V��������)������(�9����!���T

• &.����!���"���!����������F��������� ���(�/.!���� ����;�.��.����� ����%

• &!���!��.����!���"�� ������F�#�������� ���(�/.!���#��� ������.��.��

3��!�.�� �!�4%�&!����)��������������!���"��������������.(9(���!.!(�.(���

�!�,���� �!�#���.��.��������������3��!�.�� ���4�������������. #��.��

�������������!.!(���� ������F�#���������/.!��#�������,� � ������������

���3��!�.�� �!�4%

• '�)��������3��!�.�� ���4���!� �����!���������������(�����"��%

N)����(�������(���� ��� �,�"���� ���9��.%

&���!���#�.�.����)��!������#� ��$!� �����)�%�&!.!(������$!� �#��� �,�"������

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

1�.!���� �� ��.��

E����� ��.(�������.��. T��B�A���?<]�AhCX�<aAi<B�aAh`2C��<�`aXq%k�i?%

V�F����

N�� ��� ��.(�����0@v���.��. T

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

H����.��.���)���������3�AC���A`Tu�qXa4%

� ���� ���=

! ����������$������>

% �����$�%"��>

' ������$��"��>

Page 129: Язык javascript ч 2 2

# ��������$�� ����>

B

P��.��� ������*��2��!� ��#��/��(���������������� ����� �!����!���� ��

�������T

"� ���� ���=

"! ������$�:��>

"% ��B���$��'��>

"' ����������$������>

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

" ������$��"��>

"9 ��������$�� ����>

"& B

": �

�" ���� ������=

�� ��� �E������$���;��� �����<������� �>

�! B

�% �

�' ���� ���� ���=

�# ��� �E������$���;��� �����<�������:��>

� B

N��!�F��������������..(!����!���!���� ��� ��)������������.��.����(.�����#����

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

H�������;�/���!���.����/������T����� �������(�������!.�#�����.��.����� ����%

&!���!.!(�.����������������������(�9����!���T

"� ���� �� ��� ���*���������;<�=

"!�� �����1�*����� �����1/������ss�� �������� ������5��������� ��3 �>

"% �� ������6�����*�� �������� ������5�������������6����>

"' �

"# ���B���;��� ��5���������u���<�=

" ����� ���AA$

"9 ���������;���1�������6����<�=

"& ����������� ��5���������u����*�A��A>

": ������B

�" ��������� E>

�� �

�! ����� ���A��A$

�% ���������;���1�)�����6����<�=

Page 130: Язык javascript ч 2 2

�' ����������� ��5���������u����*�AA>

�# ������B

� ��������� E>

�9 �

�& ����� ���A� ��A$

�: ���������;���1�������6����<�=

!" ����������� ��5���������u����*�A��A>

!� ������B

!! ��������� E>

!% ��B

!' B

&!��.�.�T

"� �����18�����*�">

"! �

"% ��� ��5���� �����C�*���������;<�=

"'�� �����1�*����� �����1/������ss�� �������� ������5��������� ��3 �>

"# �

" ���B���;���������u���<�=

"9 ����� ���A��A$

"& ���������18�����*����1>

": ���������� ���� ��3 ;"f�"<>

�" ���������������u����*�A� ��A>

�� ��������� E>

�! �

�% ����� ���A� ��A$

�' ���������� ���� ��3 ;"f����18����<>

�# ���������������u����*�A��A>

� ��B

�9 �

�& B

&���!�F����T��B�A���?<]�AhCX�<aAi<B�aAh`<�`aXq%k�i?%

{1�.!���������(� �� ��.��|

�g

Q�����#�.�!������������)�#�������!�!(���!��(����� �� �������������"�����!���"�%

H�"����/.������!�$�.������������! ���,!(�.����!���"�����!�)���������� �

��������������3��.���4%

Page 131: Язык javascript ч 2 2

:�������.,����!�)����T

)������*(� ���C���(������*(�!&(������*(�!&(�

H���� ����.�T

)�������� �K��L�����L������*(�!&(������*(�!&(��� ����� �K��L����E�h��L�

U�����������9� �bw8���������� ���!��(���������>��� �������!��(����)�� ��!����

���D%�e� �������� �����!� ��It�!����!��cqc#�����.�.�.�������������!� �����#�����

!����,� �����#���.���� ��������!�)����� �������!� ��!��(,���.%

&!��/��#�������!�(��!���,!(������!�)����#��()���������������������������#�.�!��

��������� ������%

-�����!���"����F��#������������F������!�)��� ������.�����.�����(9��� ����

(����!������(����,!(�.(���!���"�%�=��������������� ��(���#�.,��������!���"����,�

���� �� ��� ���.�!���.����������!�)��� �� �! #����.�!�����,���������������

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

P!����,#������������(��! �� �������������)�������� ����bw8�(����F���,�

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

'���F����.�#�.�!� ��!���!.!(�.��.�����,!()������� F��� �����������!�)����%�U�����#

.�.���.����!�)��������� � ����(���������.(������;� �����()���!�������

�!� ���� �bw8���������%

V��������)����.T��.!����!�����9(����!���"(� �� ��.��%

• &!�������� ���,!(�.����.�!������!�)������)�������� ������!��(#���

�!.!(�.�%�P���)���/��(���� ���%

Page 132: Язык javascript ч 2 2

• '�.�!������!�)������,(��������������#����������%�E��.������)���

�!,���� �9�%

• U�.)��.������)�����!�,!()����()���.����������!�)����%

N�������T�!��F�!����.�#��������,!()��������!�)����������.� ��������� ���#���

�������!���"(� ��!���������������.(9�,������%

E����� ��.(���������.�����������!�)������T��B�A���?<]�AhCX�<aAi<?��@�ij2C��<�`aXq%k�i?%

}%�%�:�������������$(�."����!��������.!������/������%�1���

���� �������/�����q������ � !�9����.!������� �!���,2� ,�(,�%�'�������� �

��������.(������ �F�� �$� ��������%

}%}%�%�H�!���"���!.!(�� ��������.� �!����� ���#�,!������� ��!.!(�.�����%

V�F����

�(�."����)�������.(9� ��!.!(�.���!������#�.�.������!�)����� �����#�����,!()������%

1����)����!����� ���������.��!���!.!(�.�#������!����,!(�.�%�:���������������

/�,�;�(.��������� �� � ��.!����������!���"� #� ����.T

"� ����\JWQNHXQ����

"! �

"% ����������� �v������;<�=

"' �� ������*�� ���������5�������.�3�u���;A��A<>

"# �����; ���*">��)���������>��--<�=

" �

"9 ���� �����*�������>

"& �

": ���� ��������*������e�������;A�����A<>

�" �������;2�����<���������>

�� �

�! �������;��f������Q���R<�=

�% ������������*������>

�' ������������e�������;A�����Af�AA<>

�# ����B

� ��B

�9 B

�& �

�: �� �v������;<>

!" ���� �� ��� ���*��� �v������>

&!�����(�.��$(�."����9��� ��� �������.�!���.��������������!���9����

Page 133: Язык javascript ч 2 2

�������������� ���%�1�!������ �������#��%.%���!��(����������������!��� #������

���(���.����(���������(���������e�������%�e����;�������!��� #��/��(��)��

�!������������72� �� (%

�(�."����! �!.�� ����������v������;����<��(�����.!���������.(9� � ���� �������

���!� �� ���������/������%

N�� ���������������#������.!������� �!��� >�����)�� D�,!���"��/�������

�����������)�(�,!���"���� ���� ������%

P�.��(��������!�.��/�����������!���"�#������� ��������V����!�����!.!(�.��/����� %

E�, ���$(�."��T

"� �����������v������;����<�=

"! �

"% �� ��� ���*���/�����q���;����<>

"' �

"# �� ������ �3 ��*����� �����1/������ss

" ����� �������� ������5��������� ��3 �>

"9 �� ������ �. �� ��*����� �3 ��-

"& ����� �������� ������5�������������6����>

": �

�" ��� ���� �� ��*�� ���� ��-������ �����6����>

�� �

�! �����EFWhNYY�RWQNHXQ������E�bWF_FGQh�EH_HMS\JH

�% �����U�U�NH`NYY�RWQNHXQ�EH_HMQ

�' �� ��� �v�������*�� ���� �������� �3 �

�# ����LL�� ���� ��)����� �. �� �>

� �� ��� �� �v�������*�� ���� �� ��)����� �. �� �

�9 ����LL�� ���� �� �������� �3 �>

�& �

�: ���������� �v�������ss�� �� �v������>

!" B

:�!�F�������.)��(.����� �!���������v������#�.�!� �!��F�!���������� �����������l2c�

��!���"(�> �������!���"��;� �������� ������5�������������6����D%

V�F����T��B�A���?<]�AhCX�<aAi<?��@�ij<�`aXq%k�i?%

{1�.!���������(� �� ��.��|

События "onload", "onbeforeunload" и "onerror"

�� 0�,�"���� ����?,q@43�� �� ��

Page 134: Язык javascript ч 2 2

�� ��

�� IJm�T� ���� ���������������

�� P!��2�!�(��!���!�F����

�� 1�!�����.����� �������� �

�� ���� �� ��

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

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

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

�� 1�!�����.����� ����@7o� �#�����@tqe75� �#�����8@u�

�� E�,

S!�(��!��� �������)� ������,!(�.(� ��F����!��(!� �;��.!��� #��$!� � #�.�!���.����!(,��%

N��/�,������� ��������T

• �� ���;�������,!(�.��(���F��%

• �� �;������!����,!(�.���!��F��F��.�%

P!����,#��!�����.����� �� �� � ��� �������!��F��.�������������#�.�!����������� ��������������%

1�9�$ ���dZaIl[

V�����!��������(%�:��!�(��!��!��������)�� �����!$� ���#���������������!��� �.������#��()����,!(������,��.!��������! �!�%

&�,!(����� ��F�� ��.!����;����������!��T

��������*�� ������������5������;A�����A<>

���������*�(�����(>

� �������� ������5�������������,����;�����<>

�'#�������,!(�.���()�����(������$(�."�����������.�������%�P�.��!������#�����.!����

��,!(����+

���� �

Q�������������)���������� �� ��%�1���!������#�.,����.!������,!(������� ������%

���

� ��������*�� ������������5������;A�����A<>

! ���������*�(����$������� �������� ����������������������������(

% � �������� ������5�������������,����;�����<>

' �

# ������ �� ���*���������;<�=

������;�����<>

9 B

%%e���#�������,!(�.���.!��������(�����+�'��!���!#���.,��.!����������! �!������>F��.��gngD%

�������

Y�����F��.����,!(�.��>����� �������D��.!��������)� �������!�����.�� �� T

���

� ��������*�� ������������5������;A�����A<>

! ���������*�(����$������� �������� ��'"'���(

Page 135: Язык javascript ч 2 2

% � �������� ������5�������������,����;�����<>

' �

# ������ �� �*���������;<�=

������;(wOHZTQ$�(�-�������<>

9 B

IJm�T�A`�X�a@C���X�k�`jX

&!���!�� �F��!������� � �����!�(��!��#�.!���IJm�%

:�IJ�������)� �������,!(�.��������!(,��������T� ���������������%�1���!����� ������,.!���#�

�!��.�)����� ���������������,!(�.�%

U�.(9�����������!"�������������� �����������?����T

�� ����

:��!"�������,!(�.�%

�� ���

&(����� �������! �!��;��.!�������F��.�%�H.!�������$����� ������)���������9G����

�����%

��������

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

'��!���!#�!���� ��.!���T

���

� ��������*�� ������������5������;A�����A<>

!���������*�(����$������� �������� ����������������������������(>

% � �������� ������5�������������,����;�����<>

' �

# ������ ����������������*���������;<�=

������;��������?����<>����� ��������� ��������� ������

9 B

H.!������F��. T

���

� ��������*�� ������������5������;A�����A<>

! ���������*�(����$������� �������� ��'"'���(>

% � �������� ������5�������������,����;�����<>

' �

# ������ ����������������*���������;<�=

������;��������?����<>������ ��������� ����

9 B

H�������,(���!�(�.�����%�-����.!���� �./F���!�(��!��;����!��(������� ������%�:���)����( ������

/�#��������.�.�!������(��������! � ��!���!%

'����� �����������F��.�%�:��!���!�� �F��/�� ���#��!���.������� � ���������� ����%

Page 136: Язык javascript ч 2 2

E��.#���������G)����!���� ����IJm��� �������,!(�.(�>��F��.(D�;�/��� �������!�����.����

�������� ����%�U�.�.�.��.!�����)���������9G���� ������.�/��(������(#��� �� �$(�."���(�F��

���������!������3��� ��;��f�"<%

'������(�� #������.!�����!�,�����!��(����� �������;����� ����!�����.������/� ���������)�%

&!���!� ��� ��������8 ���������,!(�.���.!����%�V���������.� �IJT

���

"� ��������*�� ������������5������;A�����A<>

"!���������*�(����$������� �������� ����������������������������(>

"% � �������� ������5�������������,����;�����<>

"' �

"# �������������8 ��;<�=

" ������;(PQRWcaTQ�aQEFWOFNQ$�(�-�������;�����<<>

"9 B

"& �

": ������ ����������������*���������;<�=

�" �����;��������?�����**�(� ������(<�=����NQ�\GcIQp�bWSbc\TQ�� ����

�� ��������8 ��;<>����;!<

�! ��B

�% �

�' �����;��������?�����**�(� ����(<�=

�# �������3��� ��;����8 ��f�"<>�����;�<

� �����

�9 �������cZHWQFM�SZWQZSJIHTf�IJSZ^�NF�\WQZSJQG�NQ�� ������

�& �������� ����������������*�����>

�: ��B

!" B

:�� �;�<� ���������!����! ���,!(�.���.!����#���;!<�;��!�� �! #�.,�����()���(���� �./F�#���

���������������!��(�� ������%

�(�."�������8 ����)�����������!()���������#������!����,!(�.������F��.�#��!��G����� �)��.�.��

;�$� ������ ������������.�����.!�����F�����%

+���� &��$ �������������

N��.!��2�!�(��!��������� ����!�����.���� ����!��������T� �� ��#� �� # ���������������%

&!���!���)�� �������$(�."�������8 ���������,!(�.���.!����%

V������� ����T

���

"� ��������*�� ������������5������;A�����A<>

"!���������*�(����$������� �������� ����������������������������(>

Page 137: Язык javascript ч 2 2

"% � �������� ������5�������������,����;�����<>

"' �

"# �������������8 ��;<�=

" ������;(PQRWcaTQ�aQEFWOFNQ$�(�-�������;�����<<>

"9 B

"& �

": ������ �� ���*������� �� �*���������;<�=

�" �����;2������������<�=����E^bSGNHJ\Y�JSGKTS�S_HN�WQa

�� �����������������*�����>

�! ��������8 ��;<>

�% ��B

�' B>

�# �

� ������ ����������������*���������;<�=

�9 �� �������*����>

�& �����;��������?�����**�(� ������(�ss���������?�����**�(� ����(<�=

�:�������3��� ��;��������;<�=������ �� ��;<�Bf�"<>���\ShWQNHJK�(����(�_GY� �� ��

!" ��B

!� B>

1�!�����.�����h�`aAh

B����B��������

1�!�����.�h�`aAh%A`X��A�� ��� ������ ��(����F��.�#� ��� F� ���� �����. ����������T

e!,(�������!�����.�T

���� ��

H�9�������F��.�%

������

��

������

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

'��!���!T

"� )������

"! ���� �� �� �*���������;������f�� ���f������ <�=

"% ������;(wOHZTQ$(-�������-(��(�-

"' ����(VQpG$(�-�� ����-�(��(�-

"# ����(\JWSTQ$(�-������ <>

" B>

"9 �

"& )�������

": �

Page 138: Язык javascript ч 2 2

�" )�����

�� ��)������� �����C*(����;���������<>(�����;���������<)��������

�! )������

=����.(����� �

�$!� ��T�

1�.!���� �� ��.��

V��."����!�(��!�����F��.(�>���(�.������.�+D��)������������������!�����������������

�!�����.�%

B����B����� �

1�!�����.����� �� �� ����!����� ���#�.,�����,!()������ �����!���"�#� .�����!��(!�������� �;�

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

&!���!���)�� � �����������F�������� ���,!(�.��.��#� .�����@tqe75#�����#�.�!���.�T

���

� )��� �����*(����$����������� ��(������*(�����$ "��(�)���� ���

! )���E�����*(��������(���*(����������(����*(�� ������(�

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

' )������

# ������ �� �� ���*���������;<�=

��������;AkSTcMFNJ�H�E\F�WF\cW\^�aQRWc`FN^A<

9 ��B

& )�������

h�`aAh%A`B`?A�a

P,����� �.�(���������!���"�������.!� ����.�#��!����� �������� ����� ��%�:��G���)�#�

���!���!#���.!���� ���,���������A�B�2.��#�����������������!���������%

=���� �����!(,���������;����� �� ���� ���� ��%

B����B������������� �

-���������������"��! ����!��������!(,(����!���"(������)��3��.!����.�4#���

�!�����. ���� ���� ����)����!����� �����!"��������!�������� �!)�����%

N��/�,���(��()�� �!�(�����!.(#�.�!(���!�(��!���.�)(����������#���!�F� ���;��()����

��!������%�'��!���!T

���� �� ���� ���� ���*���������;<�=

���������(kQNN^F�NF�\ShWQNFN^��dSINS�bFWFpJH�(>

B>

1��������T

• H�������������!)� ��������X��

• t��XuAq��,�!�!(�����.��#����.��� ����� G���9����%�=�������� �"��������������%

Page 139: Язык javascript ч 2 2

P�.��������.��.(� �@tqe75AF���)�#���������� �����!�����.#��������������.�#������( �������,� �

�� �� ��T

1�.!���� �� ��.��

7&��&����������Ier.�IAa8eX.�HIYs

&���!).������� �����!(,������ �!��(!� T

Ier

&���!)� ���� �� ��� �� � � �����!�(��!��%

IAa8eX

&���!)� ���� �� ��� � �����!�(��!��%�=����������!����� ����.�.��!��(���F� ���,!(�.�#���.���

�!��F��.�%

HIYs�-����1

&���!)� ���� �� ��� �� � ���.�!����!�(��!��%�Q��������������������!��!�����.����

��,!(�.(�����T�\kX`��C���C�@?XCkX���X�??@�?A�aXa+%

:��9�

:�/� �����������!�����!���������� �� ��� �� ������� �� ���� ���� ��%

E���)����9���#�!����� ����!�"����T

+����������!��� �� ������-� �������Y�� �1

H�� ����!�����.����� �� ���l� �� �l�>���IJm�D� ���������������#�.�.�(.����� �!�"�����

�F�

+����������!��� ��������$�����-� �������Y�� �1

H�� ����!�����.����� �� ���l� ��

� �����*�� ������������5������;A��A<>

! ��� �� ���*���������;<�=�����;(/��(-�������B>

% ��� �� �*���������;<�=�����;(te@8�(-�������B

' ������*����

E��!�)����������������,!()�������!��(��!���������#�����()��������/�,� ��� ���� �5678%

z����!����� �IJm�#�����()����� �������� �� ��� �� %

+����������!��� ��IAa8eX

&���!)� ��������.��!�����.� �� ��%�1���!������#�.,���@tqe75���,!(�����#��� �����

��!��(!����#�����.)�� ��(����F��.�%

���

� )��� �����*(����$����������� ��(������*(�����$ "��(�)���� ���

! )������

% ��� ���������5�������.�3�u���;A�����A<�"�� �� ���*���������;<�=

' ��������;A@tqe75�aQRWc`FNA<

Page 140: Язык javascript ч 2 2

# ��B

)�������

+�����������������!��� �������#�

1�!�����.����� �� �� ���>�!������#�.,���.����,!(�������� �����!��(!����D%

N�������!�����!���������� �0/7, �����8 ����#�.�!���!����� �����!����,!(�.���.(��������

���)�G��.�!���.#����� #��$!� � %

+����������!��� ��3�������������

\kX`��C���C�@?XCkX���X�??@�?A�aXa+%

�M

1����#����,�.�.����!�)�������,!(������>����!���.��������.�!���.��D#����������

������(�������������.�������3�864%�'�/�����!��(�������(�.����56782$!����! ����%

&!������������(����.!��������F��#���������#����������������!��(� ����

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

V����( ���3.!��� � 4�>5678D����,������!����9��*��<����������#�.�!� ��������(����

�����G��.�!���. ��!��(�)��.�.���.������,!(�����%�e�������,!(�.�������������;������

�����G�%

N��T�>��)�����3��!���,!(����4#������( �������!"������,!(�.����

������D�

P�!���.������������"��������#���.������.�����������3.�.�����4%

E����� ��.(����T��B�A���?<]�AhCX�<X�X`�C<�ij2A`?A�a2C��<�`aXq%k�i?����!)���!�����.(���.������

���!�)����%

V�F����

V�F����#�F�,�c

U�.��������!���"���(�����(�������������0@v#���.�������������������!��(�������

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

�(�."���������@�;<��)�����.������.���0@v�����,!()�������!�)�������(.����������%�

&� �� ����(9��� �������������0@v����.�!���.(%

V�F����#�F�,�s

V�F����T��B�A���?<]�AhCX�<X�X`�C<�ij2A`?A�a<�`aXq%k�i?%

{1�.!���������(� �� ��.��|

�g

Page 141: Язык javascript ч 2 2

H��� ���$(�."������ ��@����;� ����f��������C<#�.�!����!����,!()�������!�)�����

�������� ��� ����#���������,!(�.�� ��� ����$(�."����������C%

&!���!������ ����T

���?�����;�(����(f�(!���(f�(%���(�f��������C<>

-��� �!(,� ���.����F��.���!����,!(�.��;�����������.�����!�)�������,!()�����#������

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

U�.���$(�."����)��������#����!���!#����$� ���,!(�.��.�!���.� ��� �2,��!��%

E����� ��.(�������.�!���.���T��B�A���?<]�AhCX�<X�X`�C<�i�jXC2?A�a2C��<�`aXq%k�i?%

U�����.)�����!)�����.������! �!.�#��� �� �����������!�)�������,!(�����%�1��

�)��� � �����3n4#�������3[nn4%

V�F����

&��.��.�

H��� �����!�����(�2������.��������G���.����� ����,!()������.�!���.#���( ���� � ���

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

P,���������.��������!� ���.����� (�.�!���.�;� ��� � ����������C%

V�F����

�B�A���?<]�AhCX�<X�X`�C<�i�jXC2?A�a<�`aXq%k�i?

{1�.!���������(� �� ��.��|

�g

H��� ���$(�."������?����;��f��������C<#�.�!�����,!()�����.!���������������#���

�����,���,!(�.���� �������� ��� ����$(�."����������C%

H.!�����)������������#�!�����$(�."�������)����� ���������,����!)��,%

&!���!������ ����T

� ��� ����\S_FW`HJ�VcNTXHz� ;<

! ���?����;( ���(f���������;<�=

% � ;<>

' B<>

1F��.����,!(�.���!����� ��������()�%

Page 142: Язык javascript ч 2 2

E����� ��.(����T��B�A���?<]�AhCX�<X�X`�C<C�����2?A�a2C��<�`aXq%k�i?%

V�F����

V�F����#�F�,�c

N�� � ���?,q@43��!����9������ �0/7T

� ��������*�� ������������5������;A�����A<>

! ���������*���>

% �

' ���E�_STcMFNJF�MS`FJ�NF�Z^JK�65e0�HGH�./01f

# ���NS�hSJY�Z^�S_HN�;JFTcxHp<�?,q@43�E�_STcMFNJF�F\JK

����*�� ���������5�������.�3�u���;A�����A<�"�>

9 �������u ��������.�� �;�����f��<>����bFWF_�NHM�H�E\JQEHM

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

V�F����#�F�,�s

V�F����T��B�A���?<]�AhCX�<X�X`�C<C�����2?A�a<�`aXq%k�i?%

{1�.!���������(� �� ��.��|

�M

H��� ���$(�."������?�����;������f��������C<#�.�!�����,!()�����.!��������

����� ��������#���������,!(�.���� ����������� ���� ��� ����$(�."����������C%

H.!�����)������������#�!�����$(�."�������)����� ���������,����!)��,%

&!���!������ ����T

���?�����;�(����(f�(����(f�(����(�f���������;<�=��;<�B<>

�+�VcNTXHY��;<�SbH\QNQ�E������H�H\bSGKacFJ�����f�����+�

• 1F��.����,!(�.���!����� ��������()�%

• 1�����.!�������)�G���!(,,%�1��� �����,!()�����#�����.������� ��� ������

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

E����� ��.(��������.!�����������#�����#�����T�B�A���?<]�AhCX�<X�X`�C<C�����C2?A�a2

C��<�`aXq%k�i?%

V�F����

V�F����#�F�,�c

H��� �����!�����(�2������.��������G���.����� ����,!()�������.!��� %

Page 143: Язык javascript ч 2 2

z���������.!�������(���� ����� ��!����>���!���!#� ������������������(������

�!��� �������� ������D#�(���� � ����,��������� ��r�.���� ����%�H �� �� ��������*�

����������������2 ��.!����()��(��G�%

V�F����#�F�,�s

V�F����T��B�A���?<]�AhCX�<X�X`�C<C�����C2?A�a<�`aXq%k�i?%

{1�.!���������(� �� ��.��|

Событие загрузки документа "onDOMContentLoaded"

�� �̀����� ����0/7, �����8 ������ 0/7, �����8 ����� �������.!����

�� 0/7, �����8 ����� ����������

�� e ���������

�� IJ����

H������ �0/7, �����8 ������!����� �����!����,!(�.���.(�����#����� �������� ������, ?,q@43%

:���������h�`aAh%A`?A�a#������)�G����,!(�.�������������!��(!� #��/��(�����(�����,!����!���F�%

'������������(������ �0/7, �����8 ����#���!� ���7�����������!����� ���/����������(���%�&/��(�/�������������������(���������"�����"�������!$� ��%�:�$!� � !.��������,�� �������"�������$(�."��T��;����<#�5��� �q��������%�%

'#�.�.����( ����#�(���,������!��� �)������������ #�.�!�����������.���!������������(�F��� ��!�%

H������0/7, �����8 ���������!)� ������ � �����!�(��!��#�.!���IJm�%�&!�����!).(����,���,�$(�."����� ����!���IJ�����, !������F�%

1�!�����.������,� �F��������.T

� ����������5����8������;�(0/7, �����8 ����(f�����f�� ����<>

&!���!�> ��$!� ��DT

���

� )������

! ���������������;<�=

% ��������;A0/7�RSJSE�;Q���������NFJ<A<>

' ��B

# ��

��� ����������5����8������;�(0/7, �����8 ����(f�����f�� ����<>

9 )��������

& �

: )��� �����*(����$����������� �(������*(&"(�)���� ���

U�.������7*A`�X`�8A�aXa

:�� � ��(��#�������� �0/7, �����8 �����;��!���#�.�.��!�.�%�&��������������72��!� �;���

��������%

Page 144: Язык javascript ч 2 2

'�������� �����!����(9��� ��������.��� %

^_eZ������H� ����������%�(

-��� ��.(�������������,��?,q@43#����!�(��!���������� ����������,#�.�.����!�����7%�&/��(�

�������0/7, �����8 �����)�G����,!(�.���� ����������.����.!��� %

0/7, �����8 ��������)�G���.!��� �����!��(������C@`�<aXuX�#��!��(� �������!).����!��(����!�(��!�#

����.)���.!��� #���� ��������!���0/7%

��X��f

S!�(��!���X���;���� %�1��)�G��������.!����%�=�������������!�(#���( �%%

• &���� �/$$�.�T����������!���"����.���������.!������ ��F��,�!��(!���>!�.���D#���

���!����#������"�����"�������!$� � ���0/7, �����8 ������)��������

����!)�����%

^_eZ������H� �����������

:��F�����������.�.���� ���������������0/7, �����8 ����%�'���������������%�-������������

��G���.!���#���/����.!�����������)������#��.���������,!(�����T

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

! )�������

% �����\WQZSJQFJ�bS\GF�aQRWcaTH����������

' )�������

U�.��� ��������!������ �������!��%�-,��!������;��.!�����)������������(�������$!��"�����

��!���"�#��� ���9(�������� #����!���!#�F�!��(�/������%

:�!��(�������������0/7, �����8 ������(������.)��)��������� %

��X��f

S!�(��!���X���;���� %�:��G���.!��������)�(������ %�=��� ������������ ���� (���

������!�(%

a��� �%�������

t��XuAq<*k�AiX�� ���������$!�����0/7, �����8 ����%

=���������#�������������!���"�������$!������ ���,���2��!�#����!�(��!� ��G�� ���G�

����������������������.���0/7, �����8 ����%

• &���� �/$$�.�T�����0/7, �����8 �����)��������)��� ���.!��� ������� #������������

�����)��� ���� ������� ��������������������������� ������,!(�.�%

R������#�������������0/7, �����8 ������!������.�.��)��!���F�%

=�,��)��������#������(������<�����<��� �������!�����7%

Page 145: Язык javascript ч 2 2

YR����[

V�����"���.!��2�!�(��!�,����,�� �0/7, �����8 ������������ ��������P!���!�(��!����������

A`��7*A`�X`�8A�aXa%

e���!���� ��������� ������ �� �$(�."������������.!����� ������.�"��./01#�.,����� ����

��������7�()��,� �T

� )�����

! �����

% )������

' ������;<>

# )�������

)������

=�� ����.!��2�!�(��!�%�-����� �������!�����;�������� �������� ���������,���� ��� �������

��. �$(�."��� �IJK%

&!�����#���.�! �������!�����������������������;����T�(���� %�:�F�������!�����.������

��������,�������� �.��"�./01%

Проверка поддержки браузером

�� .�'$��

�� =�����������!��(��

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

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

�� E�,

:�/� �,� ���������!��#�.�.��! �!��������!).(��!�(��!��� ������ �/����� �������� %

H !���������!�(��!������!)� ���� �G�� ������ ��� ��)����%�Q�����(�#������ ����!���� ���������(���� �����!$� �#������ ���������!)� �����%

�!F���!�F�����;��! �!���#���������()���� ��)����%�-��������;������ ������#�����������;�����������!���� �� #� ��)�������!�� #���!���� � �!����%

/�&(��"

:�� !����� ����"�$�.�"���5678M�;�,!������F������� #��������.,��2�%�1������ ������ ��!�(��!����������%�'�.�!���������#����!���!� �� �������#�!���� ������.�������$!���#�����!)� ��9�������!�� � �#� ���������#�������F������������������$���%

S�F���� ������ ��! �!����������!��%�-����!�"���#�.�!� �!������� ��Md��(��� %

e,!�����! �!.������!).��������T

�� &(���������������/�����#�.�!� ��� ��������!)� ����/��������%�'��!���!#�

������������T

�� &! �!���#��(9��� (�������!��(�����������#����!���!������� ������T

���

� ��������*�� ������������5������;A�����A<>

! ����;�( ������(����������<>��������f�F\GH�bS__FW`HEQFJ

Page 146: Язык javascript ч 2 2

1F��.�� ����!���t��XuAq

:����!���t��XuAq�>sncc�,����!����D�����F��.�#���2���.�! ������ �F�����!����%�

&!������#� ���������.����(#���������.T

���

� ��������*�� ������������5������;A�����A<>

! ���������e�������;A ������Af�A����>A<>

% �

' ����;�������������� �������<>����(������ �(f�F\GH�\SZ^JHF�F\JK

N��� !��������t��XuAq�/��()�������������#������ �F��!������%

P��)�����#��(9��� (���������#�����!).(�.�!�����.�����! �!���%

:���! (����!����/����#����.�!��������� ���� (�9�,���!��(��#���.�!���!���������.�

��!������5����8������%

'��!���!#���.���� �������������0/7, �����8 ����#� ���.��9��������� ���,!(�.�����!���.��

��7��.(������>���)�G��.�!���.#��$!� � D%

U�.�����������!���������! �!����.�.2�������#���������(�� �!����,����������%�E�,����)��

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

e���!���� ��;� �9������! �!��������!).(#����!������!������� ��������#������.�������������#�

�(��! ����$(�."�����!����9���!(,��#��)�������������.��������9��#����� ����!������

����� %

3��!���(�������&$�(

'�.�!���56782/����������.!��2�!�(��!���#�.�.�����!��(��%�'��!���!#�)������

����*(���(�����!)� ��������� ����#�.�.���)�������%

���������!�������������5����

&! �!��������!).(�/������#����!���!#�)���������)����.T

�� &���!���#��������(�/�������.�.��2�����"����������������� �� �%�'��!���!#��)��

����!������� ����"�$�.�"���5678M#����!���!� ����� ��AAj?XT�k�i?�M���`��C�C��XTh[%A�j%

s% H������/���������! �!������������ �� �%

���

� ���F\GH�]JS�NQ\JSYxHp�������f�JS�c�NFRS�F\JK�MFJS_���, �����

! ������ ��*�(��, �����(����� ������������5������;(������(<>

% �

' ����;AjS__FW`TQ$�A�-����� �<>

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

N���,#�������! �!���#����!���!#�����!).(�����������*(���(#��)���!�� ������. ���!��(����

����!���#���!���������T

Page 147: Язык javascript ч 2 2

���

� ��������*�� ������������5������;(�����(<

! ���������e�������;(����(f�(���(<>

% �

' ������ ��*�;�����������**�(���(<>

# �

����;AjS__FW`TQ$�A�-����� �<>

E�,

• N���! �!.���������;��������/�����#�.�!� ��,�����!)� ���#����! �!����

�� ���� (�9���� �� �������������%�'���! �!����� �� ����/�������#�.�!����� ����

�F����/�,�������f

• N���! �!.������!).��5678M2/�������;��������/���/���������! �!�����,����"�������

� �� ����������#�.�!������������������!(,��%

• N���! �!.����!��(���;��!�� ����/�����!��(��������!���#���!���������� �� �� �%�

&���!)� ��������!��(�������!����!(��������� ���� (�9������72� �� ���%

=���������!��������!���!�� ��Md��(��� %�=���������#���� �Md�������!������� �&! �!� �����

�!���������!�(��!������,#�.�.�/�����������������%

JS-Анимация

�� 6���$������

�� &!���!

�� H�!(.�(!�������"��

�� &!���!

�� :!��������$(�."��� ���������

�� Y��� ���� ���������

�� :��������� �����

�� N(,�

�� ���^T���!��������(.�

)� 1��..

H� ��!(,��������"��

�� V� �!�� ����$(�."���>X�CXI`#�X�CX�B�#�X�CXI`�B�D

�� X�CX�B�

�� X�CXI`�B�

�� o!�$���!����

)� H)���� �!������ ��������

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

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

H� E�,

�� H �������������"��

:�/� �,� �����!�����!���(��! �� ��!�(��!� ������"��%�1����!���!������. �!���� ���� � ����$!� � !.��%

&��������/�,��� ���!���!������ ��!�����9��#�������2�� �!(,����!������#�����.)������������)�(�������"�������(%

e����"����!����9���������������� !��������*��2�����"�����������!(,��!(,�%

Page 148: Язык javascript ч 2 2

7����(����!����

H���.���!�����5678<*��#������"���;�/�����������������������������72/������%�'��!���!#�( ��������.!��������������������"������""����� �,����/�����%

P�#�.�!� ��!�� �������������#� ��� �������� ��!�%�E���! ���� ��!�������������/��(������"��� �,������� � %�=�����)���!��"��#������ �.��T�������!�!� � ������"�����������sg������F�� �� ��� ��!�� ���.(��(%

&�� �2.����������"��� �,�������.T

� �������*����@������;��������;<�=

! ����bSTQaQJK�NSE^p�TQ_W

% �������;EWFMY�E^OGS<�����@������;����<>����

' Bf��"<

Q���!).����)�(�.��!���� ��������(�������� �����"���#�������������""�.��! � ���.(��(%

:���F���� ��$!� � !. #�����!).����(����������� �����"2�#���%�0���F�������!).��������

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

.�)�� �F�,� !���%

-��������"����!��(�����F,�.����� �� ������� #�����,!(�.���!"���!���)������������cnnd

�� ��� ����9(������3�!���4� �!������!�(��!�%�:

��.���(���#�����!).(��)��( ������%�'��!���!#�gn������(������sM�.��! � ���.(��(#������������.

.�.������,!�$����.�(�������!�(� �sg�.��!�%

���@������� ��������3��� ��

0�������(������@������#������!�.(!�� �� ����3��� ��#����(���������()������.��!����

�!��)(�.� !�����#������$�.��! ����������!).����)�(�.��!���%

:��������CX�6�iXAB����CX�I`�X���?��������!����"����)�(����@���������

!�.(!�� ������3��� ��%

���!��

'��!���!#���!�� �����/�������(�G���������������������������������n���cnn�q%�E���������

�!����������c�q�.�)����cn��%

"� )������

"! ���������� ��;����<�=

"% �

"' �� �������*�">����NQIQGKNSF�aNQIFNHF

"# �

" ���������������;<�=����VcNTXHY�_GY�SJWH\SETH

"9 ��������-->

"& ��������������������*������-�A��A

": �

�" �������;�����**��""<�=

�� ����������@������;����<>����aQEFWOHJK�QNHMQXHz

Page 149: Язык javascript ч 2 2

�! ����B

�% ��B

�' �

�# �� �������*����@������;����f��"<����WH\SEQJK�TQ`_^F��"M\

� B

�9 )�������

�& �

�: )��� �����C*(� ��;�������������"�<(������*(������������(�

!" ��)��������*(���������� �C(�)����

!� )����

P�.��������

������!�"��T�

1�.!���� �� ��.��

/��$��$������!����

�������"���������!���� ������!����!�T

��� �

:!������)�(�.��!����> ������.(����#��%�%�c<cnnn���.(���D%�'��!���!#�cn��%

��� ����

1�9��� !���#�.�!���)���������������"��#� ���%�'��!���!#�cnnn��%

����Q��������R

�(�."�������;� ���<�������������!�� . ��������������"��#��� ���� (�9�,�

!������� ���%

P�)�� �.��!� ��������#��.�.� !�������!FT�� ����*�;� ������<������ �%�

Q�������� ���������������"� ������������"������� �.�"�%�U�.�.�.� ������������!������������

��� ��,�������#��� �.�"�����)����������)������,���F��c%�:�/����(�������(����F�����,���c�

���� �!F���������"��%

H�������$(�."����������#�.�!����(������r�.����� �� ���������f������ �f�������� �������

�����"��%

"� ����������������; ���<�=

"! ���

"% �� �������*���B�0���>����\ShWQNHJK�EWFMY�NQIQGQ

"' �

"# �� �������*����@������;��������;<�=

" �

"9 �������E^IH\GHJK�\TSGKTS�EWFMFNH�bWSOGS

"& ���� ��� ����*�;��B�0����������<��� ��������� �>

": �������;� �������<�� ����*��>

�" �

Page 150: Язык javascript ч 2 2

�� �������SJWH\SEQJK�QNHMQXHz

�! ���� ��������;� ���<>

�% �����

�' �������;� ����**��<�����@������;����<>����TSNFX�$<

�# ������

� ��Bf� ����������ss��"<>����bS�cMSGIQNHz�TQ_W�TQ`_^F��"M\

�9 �

�& B

&!���!

e����!(���F�!��(�/���������������"����""�#������(����F(�$(�."��T

� ���������������;����<�=

! ���������;=

% ��������� �$��"""f����EWFMY�NQ�QNHMQXHz��"""�M\

' ��������$���������;� ���<�=

# �����������������������*�� ���+�""�-�A�A>

����B

9 ��B<>

& B

P�.��������

������!�"��T�

1�.!���� �� ��.��

�(�."���������)����(������������������!����!�������"������ ����>��!�������D������!���

����.����%

H��(�9� ��!���!������(�����!����!�� ��������.�������������"�����,(�.�T

"� ���������� ��;����<�=

"! �� ��� �*�#"">

"% �

"' ���������;=

"# ��������� �$��"""f

" ��������$���������;� ���<�=

"9 ���������� ����MFNYFJ\Y�SJ�"�_S��f������SJ�"���_S�#""��

"& ����������������������*�� +� ����-�(��(>

": ����B

�" ��B<>

�� �

�! B

P�.��������

������!�"��T�

Page 151: Язык javascript ч 2 2

1�.!���� �� ��.��

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

:��)���������"����� �� ����������������!���G���(���.�(%�Q�����(�#���,!�����)���#�����

�!����!� ���!��� �!�������<(�� ����%

N���,#�������)�������������������!��� ���������"��#� ��,!������� ������

�����������$(�."��������;� ���<#�.�!��� ����������.(9����������������"�����n���c#�

������������(����G���������� ������ ���%

:������������������� ��,�������!�.�%�S�T

���

��������;� ���<>

���

H�����T

���

��������;� ���������;� ���<�<>

���

"� ����������������; ���<�=

"! �

"% �� �������*���B�0���>

"' �

"# �� �������*����@������;��������;<�=

" �

"9 ���� ��� ����*�;��B�0����������<��� ��������� �>

"& �������;� �������<�� ����*��>

": �

�" ���� ��������;� ���������;� ���<�<>

�� �

�! �������;� ����**��<�����@������;����<>

�% �

�' ��Bf� ����������ss��"<>

�# �

� B

U�.������F��������������� ������,�,��.���%��(�."������������������� ��,��F���!�� . �

��.(9�,��������������"��#����������������� !�������!��������� ������%

V�������������������������� �����.!���������"��#�(�.!��������!(,�����!����!�� ����������

��������2!����(%

V�����!����!���!�������"���� �)������������ ������!�������������%

Page 152: Язык javascript ч 2 2

p���5��"�����

H������!�����$(�."���������;�/����#�.�!����!��� � !�9����� ���%

��������������;� ���<�=

���������� ���>

B

U�����#�.�.��(�����.�. ����������%�H������������"���>.�!���!����!�� �)�������!�)������.�.�

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

o!�$�.T� �

&�,!�������2�� ���#����� �!��.���2������;� ���<%

&!���!T

)��� �����C*(� ��;�������������"�f������<(������*(������������(�

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

)����

Q������������$(�."���� ����(������. T

"� ���������� ��;����f������f������ �<�=

"! �� ��� �*�#"">

"% ���

"' ���������;=

"# ���������$��"f

" ��������� �$������ ��ss��"""f

"9 ���������$������f

"& ��������$���������;�����<�=

": ����������������������*�� +������-�(��(���

�" ����B

�� ��B<>

�! ���

�% B

U�����#�����(������!���9������,(�.#������������������.�(������#��������� �����>��(�������

cnnn��D%

P�.��������������!�"������ � ������T

Page 153: Язык javascript ч 2 2

,����%�����

:���9�������!�� ��(�� %�������2�/��� ���� ���p���������%�z��������(����2�. ��!�������#�

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

N��. ��!����� �$(�."��T

�������������;� ���<�=

���������7����� �;� ���f�!<

B

o!�$�.�. ��!����� �$(�."��T

&!���!����. ��!����� �$(�."���>.�.�����!���!�DT

� ���������������� ��������(�.!����%�'��!���!#�,!�$�.����M2 ��������T

E��!���!T

�(�."������������� ����!�� ����������"��� ��� ���������� !�����%

:��!���!�� �F��;��������������T� !������G��>����D#����������������"��������������������>���

�D#������� �G�����!���������!��%�N!(,���,!�$�.�������(������� ������%

<$9�

�(�."��T

������������;� ���<�=

���������������7�������;7������ �;� ���<<

B

Page 154: Язык javascript ч 2 2

o!�$�.T� �

&!���!T

u��v'������"�!�� ��$��

=���$(�."���!����������!��"��(�(.�T�����������3����,� �������� (4#���������3��!����4%

:����������!����(9���$(�."� #�/����� ���������������,���!����!���#�.�!� �� ������

3./$$�"������(�!(,���4%�1���!�������!��������#����.�!��3���,� ���������� �4%

-G�.�T

������������C;� ���f��<�=

�����������7����� �;� ���f�!<�+�;;��-��<�+�� �������<

B

o!�$�.������*���#T� �

&!���!������*���#T

7�����

&!����� ���#���������(�.�������#��������������#����.�.�!�����.�.� ����������� � �����%

�(�."���� �������������)������#���.����!�T�3���!�,� ����4�������������!��(%

=���$(�."�������,��)�����!����(9����������(������"�������./$$�"�����T

� ���������� ����;� ���<�=

! ������; ����*�"f���*��f������>��>���-*��f����*�!<�=

% �������;� �����*�;9���'�+��<�����<�=

'��������������7����� �;;����� �+��������+�� ���<���'f�!<�-�7����� �;�f�!<

# ����B

��B

Page 155: Язык javascript ч 2 2

9 B

P�� �������7AA6AA?C%t�%6��`C���A`C%�P�����)�#���������!(,���!�����"���� ����%

&!���!T

B%�$9�"����!���"

=���$(�."����� ���������������,���!����!���#�.�!� ��!�������������� ��������%

����������������;� ���f��<�=

���������7����� �;!f��"�+�;� �����<<�+�7����� �;!"+7����4@+��%+� ���<

B

o!�$�.�����*��#T� �

&!���!�����*��#T

���������(���$������XT�WTYV.�T�WTPf.�T�WTYVPf\

1����#�����������2$!� � !.��!����� �������.�.������2$(�."� %

E���!��������� ��������� ������3X�CXI`4%

E�,����()���.�����������"��� ��!�����!�)���%�&!��!�� �����$(�."��#�.�!����G����. �

/$$�.�#����� ������3X�CX�B�4%

T�WTPf

:�!�)����3X�CX�B�4#����������aX?��� ������������.T

�����5���/��;� ���<�*����������;����� ���<

'��!���!#�$(�."���� ����� �!�)����3X�CX�B�4T

"� ���������� ����;� ���<�=

"! ������; ����*�"f���*��f������>��>���-*��f����*�!<�=

"% �������;� �����*�;9���'�+��<�����<�=

Page 156: Язык javascript ч 2 2

"'��������������7����� �;;����� �+��������+�� ���<���'f�!<�-�7����� �;�f�!<>

"# ����B

" ��B

"9 B

"& �

": �����������C�5���/��;�����<�=�����bWFSZWQaSEQJK������

�" �����������������;� ���<�=

�� ��������������������;����� ���<>

�! ��B

�% B

�' �

�# �� ����������X ��_���K�� E�X ��_��Q������RD

P�.��������������!�"��T

N� � �������!��#�.�.��!��!�� ���������/������������� �������$(�."��T

P!������" ������������X�CXI`#����������2�X�CX�B�%

• 1����������!(��� ��r�.�����������������.����� ���(#��������#� �.�"�#�!��.�����,����

�!��%%

• e�����X�CX�B������������!�,������ �!�#�����������������.����� ���(%

&!������/��������"���!�� � ������ ��!����� !��������!��.�%

-�������������"���� �/$$�.�#���. �.�.����!�,� �����;����(�����.����� �.�"�#������ �������>���

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

T�WTYVPf

e��9���)�����������.#�������.������/$$�.���� ��������� �.�"�������"��%�H� ���� (�9���

�!��!�� ��������� ������3X�CXI`�B�4%

-,�.�� �,�������.T

� ���;� ����)*�"�#<�=����bFWEQY�bSGSEHNQ�QNHMQXHH<

! ��������������;!�+�� ���<���!>

% B������=����EJSWQY�bSGSEHNQ

' ���������;!��������;!�+�;����� ���<<<���!>

Page 157: Язык javascript ч 2 2

# B

'��!���!#�����@�/������� ����T

��/�,��!���!���������������� ����[���.(��������,#�������� ���� !�������������

/$$�.� >������,���.����,D%

P�#�.�!� ��!���$!��!(��������T

"� �����������C�5���@�/��;�����<�=�

"! �����������������;� ���<�=

"% �������;� ����)��#<

"' ������������������;!+� ���<���!>

"# ��������

" �������������;!��������;!+;��� ���<<<���!>

"9 ��B

"& B

": �

�" � ����5���@�/���*���C�5���@�/��;� ����<>

U!���$!��"���3X�CXI`�B�4��r�������� ������� ��,!�$�.�� ����T�����@�������! �� ����

�����"���������/���;���� �! %

'��!���!#��� � �������!���/$$�.������/��<����@�/�������!���!��$(�."������T

�P�.� ���#�,!�$�.���! �� ���������"����!����� ������ �(����F���� �3X�CXI`4#��� �! �;�

(����F���� �3X�CX�B�4%�:�!��(�����#������"������������������.���� ����������. ���/$$�.��%

D����%����������

N����,��� �������!�"��� ��� �� ���!��������aX?��#�.�.��!������>X�CXI`D#���.���

����������>X�CX�B�#X�CXI`�B�D#�����,� ��,!�$���!����%

Page 158: Язык javascript ч 2 2

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

:���!����$(�."�������)�����{H\SEQJK2

• X�CXI`�2���� ��� ������T���������������"��� ������#��������������(�.!�����%

• X�CX�B��2�� ������#��!�����X�CXI`T�����!��������"���������!��#��������� ���������� ���

������� %

• X�CXI`�B��2������������� ����� %�e����"���!�������������� �������%�&�! ���������2�

/�����@�#��� �!���2�����/��%

N���!���!�#���!�( ���3]AB`�X4%

&!"���������"���������� � �F���!(.�����,��!�������%�:���)�������������������.�

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

E�.�����%�-��� ��.,��2���(�����(������������.(��'�.�!��� �9�� ���)���� ���������� �

)����� ��0)���!�(��������������.!��� %

:�!���#�����������!�.��.�#��)���.�����#���� �!�����������#���������� �F�#��.!� �����Md�

��!������ � ������"��%

/��*�(���������(�����

e����! �����)�� ��#����(,��%�:������ �)����#�.�.� � �����!����(9����!���!��#� ���)����

����������!�!������#�F�!��(#� ���(#�" ����:��#������ ���)������(����f

N��������F������������� ���� (�9� �����%

Page 159: Язык javascript ч 2 2

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

�(�."����������#��!����� ��������)�#������!(�������������" ���%

"� ����������������;����<�=

"! �� ��� ��*��!##f"f"�f�� �*��!##f!##f!##�

"% ���������;=

"' ���������$��"f

"# ��������� �$��"""f

" ���������$������f

"9 ��������$���������;�����<�=

"& ��������������������C ���, � �*�A�;A�-

":��������7�������;7�������;����@��;;������+�;� �"��� ��"�<<�-�� ��"�f��"<f�!##<f�"<�-�AfA�-

�"��������7�������;7�������;����@��;;������+�;� ����� ����<<�-�� ����f��"<f�!##<f�"<�-�AfA�-

����������7�������;7�������;����@��;;������+�;� �!��� ��!�<<�-�� ��!�f��"<f�!##<f�"<�-�A<A

�! ����B

�% ��B<�

�' B

P�.�������/� ��������#������( ������$(�."��� ��� �� ��

e�����!���)������#���������*���C�5���/��;� ����<T

P�.�������/� ��������#������( ������$(�."��� ��� �� ��

#�&���������

:���)�������� ��������!�����������"��#�.�.#����!���!#����!���.���� �3�.��(9��4�!�)���T

E����� �.�T

"� ����������������3���;����e��<�=

"! �� �������*�����e��������

"% �� ��� �*�����������f�� ��*�"

"' ���

"# ���������;=

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

"9 ��������� �$�#"""f

"& ���������$�� ����f

": ��������$���������;�����<�=

�" ������ ��������*�;� �� �<�+�������-�� �

�� ����������e���������*�����������;"f�7��������;�����<<

�! ����B

�% ��B<

�' B

Page 160: Язык javascript ч 2 2

E�,

e����"��� ����������(�G������� ��������@��������������. �����!). #��!��.��cn2Mn��%�&!��

.�)������(�.���!��������!�� .����!���,�.��!�%

e����"������$(�."��#�����,�!��F�!�����T

"� ����������������; ���<�=

"! �

"% �� �������*���B�0���>

"' �� ��������*� ����������ss������>

"# �

" �� �������*����@������;��������;<�=

"9 �

"& ���� ��� ����*�;��B�0����������<��� ��������� �>

": �������;� �������<�� ����*��>

�" �

�� ���� ��������;������;� ���<�<>

�! �

�% �������;� ����**��<�=

�' ����������@������;����<>

�# ������ ����� �������LL� ����� ������;<>

� ����B

�9 ��Bf� ����������ss��%<>

�& �

�: �������������>

!" B

1�� ������!����!�T

• ������2�����!).����)�(�.��!���#���(�������c[��%

• ����� ��2����������������"��� ���%

• ������2�$(�."��#�.�!����!��������������������"���.�)�� �.��!%�&(����������� !������

��n���c#� � !�9������ �!F������������"�����n���c%�&�(������������%

• �����2�$(�."��#�.�!����!�� � �����������������"�����n���c%

• � �������2�$(�."������ �� �������� �!F������������"��%

• :�� ��������� � !�9������ ��!#�����������"����)������������%

�(�."����������)�����$�"�! ���#������(���!���$!��"�������/�������@�/��T

"� �����������C�5���@�/��;�����<�=

"! �����������������;� ���<�=

"% �������;� ����)��#<�������������;!+� ���<���!>

"' ����������������;!��������;!+;��� ���<<<>���!>

"# ��B

" B

"9 �

Page 161: Язык javascript ч 2 2

"& �����������C�5���/��;�����<�=

": �����������������;� ���<�=

�" ��������������������;����� ���<>

�� ��B

�! B

'���� ��/� ��9� ������"��� �$(�."����)�����������������"�����! �����#�

���!���!�������4 �#�.�!��������!(���� �� � ��������� ����� ����� ������������� �������

���T

���

"� ����������������4 �; ���<�=

"! �� �������*� ��������f�����*� �������f�� ��*� ����� �>

"% �

"' �� ���������*���������;�����<�=

"#���� ���������������� ���*�7���� ���;�����-�;����������<+�����<�-�A��A>

" ��B

"9 ����������������; ���<>

"& B

": �

�" ���U\bSGKaSEQNHF$

�� �������4 �;=

�! ������$�� �������� ��f

�% ��� �$�(�����(f

�' ������$�"f

�# ������� �$�!"""f

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

�9 B<>

0)����� �����9�� �!�����������#�����#���������9� �$!� � !.���������"�������������� ��!��

���%�%�H��� ���#�/����������������.��������vBX�@%

/����(�%���%��!� ����

����Y��� ��������������������������!��$�������#���*

-��� �����������(���������.�.������"� ��� !�����#����!���!#��.��������,������9���

���)��.#���(�!� � �����������9�����,��� ��!�%

N�� ���#����.�)�� ��� ��!� ��� ������!�!�� .(%�&/��(��!�(��!�!�������,!����

/$$�.�� �� #�������� ���������"� ��!����������������(��r�������(����!�!�� .(� �����

���.�.��%

�!� � !.������������(����������@������������(�.���� ���.��!�� �������������! ��%

U���!���������������������� �

S!�(��!�(�!� �����!�� . ���!� ����/��������� ������!(,����!(,�%

-��������!(��� �/�������)���,(�.� ���7#����!(,���/��������� ��������,�!����! ���

���"��%�N�)�����������"������.����������#��!�(��!� ���!� ���������F����!���G��%

Page 162: Язык javascript ч 2 2

N���,#�����������"�������F��!���� ���!��(!����!"���!�>�������� ���D#����

�����!( ���/�����#������9� ���,(�.� ���7%

:�����/�,T

�� N�������#�(�����������!(��� �/�����������7����!�.!�������,�����!���� ����

../01%�:��#� ��)���!������������ ����� ���� �$���� ������� ���� ����.!������%

s% e����!( ���/�����%

[% :�!������,��!���� ���7%

=������!������)��� ��������)���������"������!��/���/.������!��(!����!"���!�%

U��#�,���/�� ��)�#����������� ����*��2�����"��#�������������!�$���������F����#�,���

�!"���!���� ����������������!��������������!%

�M

:�������!�F������������P�!(���������� �����!�� �)�����.�!(������ ���#�

�����! ����%

&�.���������/�,�$� ��`�i��X%�C%

V��(����T�

V�F����

&!9�� ��,�;������ ����$(�."����`�i��X#����9��(������;��������4 �%

V�F����T��B�A���?<]�AhCX�<�`�i���A`<���ABCX?<�`aXq%k�i?

{1�.!���������(� �� ��.��|

�M

Page 163: Язык javascript ч 2 2

V����( ��������"��#�.�.� ����.����)��>.�.����.�!���.(DT

&!�)��������������"��T�[���.(���%

:��!"����������"����(����� �!����.�.��������!�)������,�!�!(����%

E����� ��.(����T��B�A���?<]�AhCX�<�`�i���A`<u?@�X�2C��<�`aXq%k�i?%

V�F����

V�F����#�F�,�c

e����!( ����� !������� �� �������� ���������������%

z���� ��!"����������"�������"����!�����,����!���;����� ������

������@7o !������ �0@v�$�.��! ���,�!����!������!���������@7o� �(�!����,%�&���

�����"����)�� �!�(���.�.���%

V�F����#�F�,�s

V�F����T��B�A���?<]�AhCX�<�`�i���A`<u?@�X�<�`aXq%k�i?%

{1�.!���������(� �� ��.��|

�M

Page 164: Язык javascript ч 2 2

H��� �����.#�������������!�,� �%�P�.����������(#������( �����#�.�.�/���)��

�,�����%�

E����� ��.(����T��B�A���?<]�AhCX�<�`�i���A`<]�??2]AB`�X2C��<�`aXq%k�i?%

:��G����������#��`�i��X������!������2$(�."� %

V�F����

:�5678<*��#���������������)����!������������������ �� ������������� ����n�����

��������#��� ���� (�9�,���)���(��)����%

'�)����,!���"��/������������#� �.�!��������������#�������

��������������������6����%�'�� �� �� ����������.� �!�(�����#��/��(������������

��������������6������������������6����%

N���������������"���,�/$$�.���(�F�� ��,��� ����$(�."���� ����� �

!�)��������/��%

H��(�9� �.������������()�� �!��(����T

"� �����*�� ���������5������.�@�;A����A<>

"! ��������*�� ���������5������.�@�;A�����A<>

"% ��� �����C�*���������;<�=

"' �� ��� ��*�">

"# �� ��� �*�������������6����������������6����>

" ���������;=

"9 ���������$�!"f

"& ��������� �$��"""f

": ���������$���C�5���/��;� ����<f

�" ��������$���������;�����<�=

�� ���������������� ��*�� +������-�A��A

�! ����B

�% ��B<>

Page 165: Язык javascript ч 2 2

�' B

&���!�F����T��B�A���?<]�AhCX�<�`�i���A`<]�??2]AB`�X<�`aXq%k�i?%

{1�.!���������(� �� ��.��|

�M

Q���� ��������������� �!� %�P�.����#������( ������ �

�� �� ��%�

'���F����.�#�.�!� ��(���������! �������%�N�����"��� �!� ����� �����""��%

E����� ��.(����T��B�A���?<]�AhCX�<�`�i���A`<]�??2]AB`�X2C��<�`aXq%k�i?%

:��G����������#��`�i��X������!������2$(�."� %

V�F����

&���!���������(�e����!( ������%�U�������G�������!�,� ��9� ����%�e����!�F�����/� �

������������()����� �����9����(������"��������������������%

o!����������.!�������������������!(,�(���.�(#���)��� �!��.�����%�1������

3���!�,� ���4#����������( ���� �����#������������ �,������� �!� %

0���,������!�������������G������#����,���,!���������� �)������(�������� ������

�.��. �����%�S���.!��� ��(������2���������C�5���/��;����<%

P�T

"� ��� �����C�*���������;<�=

"! �

"%�� ���������*�� ���������5������.�@�;A�����A<�������6����������������6����

"' �� ���������*��""

"# ���

" ���������;=

Page 166: Язык javascript ч 2 2

"9 ���������$�!"f

"& ��������� �$��"""f

": ���������$���C�5���/��;� ����<f

�" ��������$���������;�����<�=

�� ���������������� ��*������+������-�A��A

�! ����B

�% ��B<>

�' ���

�# ���������;=

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

�9 ��������� �$��"""f

�& ���������$���C�5���/��;����<f

�: ��������$���������;�����<�=

!" ��������������������*������+�������-�(��(

!� ����B

!! ��B<>

!% B

&���!�F����T��B�A���?<]�AhCX�<�`�i���A`<]�??2]AB`�X2��jk�<�`aXq%k�i?%

{1�.!���������(� �� ��.��|

Кривые Безье

�� %�$����$&�I��*�

�� 0�������.�

�� V�� �����3���P�����)4

�� E�,

P!� ���S����������(����� �.������!� �,!�$�.�����!�� ������� ������,�� #� �*��2�����"���������������!"����������"�������,�,����9G%

U��(�/�(��������(����#������ ������ F�����.�$!������ ������/���������������������!(�����%

,��(�����(-�>� ��

P!� ���S���������G�����!�������.���%

E���)��������� �#��!�#�����!�������F�%�'��!���!T

�����$!������! �����E!������! ������(�E!������!

� � �

-��� ������!���� ������������/���.!� ��#���3���,��.4���������T

Page 167: Язык javascript ч 2 2

�� H�������.!� �!� ������(����.����(�����%

'��!��(�.��� �F�#��� ���� ���#��(����������� (�����.�;���� ����.!� ���>�!����D#����

�!G�����.�;�. ��!������.���.!� ���>��!���D#��������!G��;�.(�����.��%

�� P!� ��� ��,������������ �(�!�� ��(. ���.�#��!�� ��� ��!�������.���T

�� �

S�,��!���������(�� �� (� �.������!� �,!�$�.���)���������! �����! �!.(�

��!������� �� (��.!� ��%�-������ ��(.�����.�������!���.�����#�����.!� ����)�����

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

1�� ����"�������.!� ���S�����;� ���#����.!� (���)��������#�� �,�����.�%�&!��/��.!� ���

������������(��� �����������!���%

&�!�( ���� �,������.����F��� ��!���!����)�T

P�.��)����������#�.!� ��������(�����.����������c���s���[���g%

&�������F ��!�.��.������ ����������#�.�.�!���)������.�#�������(������()�(��$!�(%�e#�

�����������.�.�.!� ��#��)���(������!�.�����.�����(,��%

:����.�!����!���!�T

Page 168: Язык javascript ч 2 2
Page 169: Язык javascript ч 2 2

e,!�������!�����~���P�����)~T

�� H�!������!��.����)�(��!�������.����c2s2[%�'��!��(�.�� �F������G!���%

�� &�!����!����!��,���������������"����%�:��!���!�� �F������� ���F�,�"�"##��%�%� �"�.�"f�

"�"#f�"��f�"��#f�����"�:#f��%

N��.�)�,�����������T

�� '��.�)������/�����!��. ���!G������.�#������9����������������!�����������n�

����!�!"����������%�U�����#��!���*"�;���.���(���� ������#��!���*"�!#�;����

!��������� �sMd����������!��.�#��!���*"�#�;�Mnd>�����!�����D#��!���*��;� �.�"�%�

U�.�.�.��G!�����!��. �;�� �#��������.� ������� ��F�(.�%

�� =�����.������������%�'��!��(�.����)���������9� �����!��.����!�)G�������%

3���*"�!# 3���*"�#

�� '���(�� F������!��.����!G������.�����!��������#��� ���� (�9����%�U�����#�

���*"�!#��(�������.(� �.�"����! ���� �!����!��.�#�����*"�#�;� ���!������

�!��.�%�'��!��(�.�� �F��/�����.����������.!�����%

�� &���!���,�.�.����!��,�������� �����������"����#�.�)����������������� ����.�.!� �

Page 170: Язык javascript ч 2 2

��.(%�H .(��������.������.���� ����������� ����!��(���.!� (��S����%

=������!"����������!��������!G����.��%�'���)��������!���������������!������.���%

N����������!G�����.�>��.���)��� �,���DT

e,!���T

• U�.�����!��.(�������������!��.���T���!#�!�%#�%�'%�&(��������!���G!�����!��.�%

• '���!��.�����!(������.�#��� ���� (�9�����.(9��(��#�����������%�&(�������� ����G����

�!��.�%

• '��/�����!��.�����!(������.�#��� ���� (�9�����.(9��(��#�����������%�&(��������������

�!��.%

• '���������!��.����!G������.�#��� ���� (�9�����.(9��(��%�&!�����(�.���!���!�� �F��

��.!�����%

• =�����.������ ����.!� (�%

'�)��������.��.(�3�?�@4� ��!���!�� �F�#������( ������/�� ��� �� ��%

-9G��!���!��.!� ��T

Page 171: Язык javascript ч 2 2

H��!(,������.���T

&����.�T

Page 172: Язык javascript ч 2 2

&!���!���,��. �.!� �S����T

e��,�������!�����,(����������!����.!� ���S����������� ��.,��!��.�T����������.��#�

F���������.�����%�'�����������(�����s2[���.�#�������)������� ����.�.�.!� ���

����������%�=��,!�����!9������.���!���������!).����!���G� %

P�.��! �����.!� (����!����()������.�+

=��� �!������ �������.!� ����S����#�������,��� ���.���� ����)�����������%

Page 173: Язык javascript ч 2 2

U�.�������������� ����������!��"�� %�H(9��� (��������������.���$!�(�#�.�!�������!����

./$$�"������.!� �����.��#�����������!�� ��� #����!���!���,����Y�,!��)�%

P�.��!� �#� �.������!� �,!�$�.���������!��"��������(���.(�����.���.!� ��#������G�����

,��.����!���%�:��������� �,�����.�.�����.!� ��%�=������ ����������!��"������ ����%

:��9�

P!� ���S���������������!�������.���%�0��!�����!���� ���!��������.!� ��T

c% z�!��������������.(��$!�((%

s% z�!����!"�������!��������P�����)%

H������9����)����������������(������#�����������������������.�.%

&!��������T

• :�.������!� �,!�$�.�#�����! ����#� �,!�$����.���!���.�!��%�p!�$������� ��������

��9���.!� ���S����%

• :� ��2!��!���.��;����,!�$�.�����*�`��C���� �$!������_�%�P�����#� ���)� ����!���!�� �F��

�������������_�%���.�����.�#�/�������_�2�.(����#�.�.�!�(���.����!����������!����!���%�

:���)�����.!�����,� ��������.���������!����������.T�aXiA%C�j%

• :�*��2�����"��#������������ !����� �$(�."��%

CSS-анимация

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

�� &!���!

�� &�� ������.����*��

�� &!���!

�� :!��������$(�."��

�� *��2�!��!�� ����

)� H������ ����������� ����

H� 1,!������������������ ��*��2�����"�

:���� !���������!�(��!�#�.!���IJmcn�����!)� ����*������`C���A`C#�.�!����� ����!���� ���������"����!���� ����*��#������!� �����������������%

S�F���� ��!���! ����/� ������������(�(��!������� �IJmcn%

a��!���"����5����

E�����!���%�:��(.��� ����#������.�!��� �� ��(���������! �������!����9�����"�������*��2�!� �%�N���#��!������������/�,�� �� �#��!�(��!������!������������"��%

'��!���!#�*��#��!����� ���� ���)�#�s���.(���������!(���� �� ����C ����� � %

� ����������=

! ��������� ��� ����$����C ����� � >

% ��������� ������� �$�!�>

' B

Y��������������$� ,�" �����(���������! ������ ���������s2����.(��%

��� �� ��(������� �(��������.!�.���������T

Page 174: Язык javascript ч 2 2

����������=

��������� �$����C ����� � �!�>

B

U�.�.�.�������!��*���6��`C���A`C���������� ��������!��!���.�#���������� ���()������)����

�!�(��!������!�$�.����%

���!��

=����!���!�!������� � ����� !���������!�(��!��#����!������� �IJmcn%

"� )������

"! ����������=

"% ������C���������� �$����C ����� � �!�>

"' ������������� �$����C ����� � �!�>

"# ��� �������� �$����C ����� � �!�>

" ���� ��������� �$����C ����� � �!�>

"9 ��������� �$����C ����� � �!�>��+�ZFa�bWFVHT\Q���NQ�Zc_cxFF�+�

"& �

": ��� ��$������ ��������C>

�" B

�� )�������

�! )��������*(��������(� �����C*(��������������C ���, � *A��A(�

�% ��)�� �������*(� �������$�#"�(��GHTNH�MFNY)��� ��

�' )����

P�.�������

*��2�����"���������!�.����(����������������(��! �� ��%�1����!�� � �������� ���#�����

����������#�������F����,!()�����!"���!#���.�.�.������(���,!�$����.(���.���!�"��%

����(5�����������N��

H �� �����*��2�����"� T

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

H���.�� �� #�.�!����(�(�������! �����%�e����! �����)����� ���� �� �#����,��%�

Q��������������������3�����! ���� ���� �� �4%

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

&!�)��������������"��%�-���(.�����������������;����!���������.� ����� �� ��#�

�)��(.���������.�.�������� ����!������������� ��� ����%

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

P!� ���S�������g2����.��#������(����� �.����� �� !����� �$(�."���%

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

�.��� ��������!).(�������������� �� ����������*��2�����"��%

H �� �������� ���)������!)������� ��#� ��!��.�T� ���������� �������������� ��

�����f����%

Page 175: Язык javascript ч 2 2
Page 176: Язык javascript ч 2 2

�� )�������

�!)���������*(����(������*(�99(������*(� "(��*(���������� ����� ����������� ���������( �����C*(���������������*A'#"��A(�

H(9��� (��������.�.�������!�����.!� ��T������#�����#��������#������ ������������� ��%

Q��������������;�/���!����#�!� ���!������������%�1�������(�������(������%

1��������.!� ���� ������.!�. ������������(�9��������������%�:�����"����)���.�����

�� ���� ��T

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

;"�!#f�"��f�"�!#f���"<

;"�'!f�"f���"f���"<

;"f�"f�"�#&f���"<

;"�'!f�"f�"�#&f���"<

� � � �

'���������.� �������!��� � �!���������!���!����������;������ ��T

� ������=

! ���� ��������� �$������#������� ��>

% �����

' B

*��2�!��!�� ����

S!�(��!�#�.�!�������!)� ����*��2�����"��#�����!)� ������*��2�!��!�� ����%

H������9����)�����������,�.!��� ���/$$�.� %�'��!���!#� !�9����T

���

"� � �������� ���������7 �3������ ��*�(����#�(>

"! � �������� ���������7 �3���� ��*�( ����;% "��<(>

"% � �������� ������������C��3������ ��*�(����#�(>

"' � �������� ������������C��3���� ��*�( ����;% "��<(>

"# � �������� ���������/3������ ��*�(����#�(>

" � �������� ���������/3���� ��*�( ����;% "��<(>

"9 � �������� ���������7�3������ ��*�(����#�(>

Page 177: Язык javascript ч 2 2

"& � �������� ���������7�3���� ��*�( ����;% "��<(>

": �

�" � �������� ���������3������ ��*�(����#�(>

�� � �������� ���������3���� ��*�( ����;% "��<(>

H����������������;� ���/���/$$�.��������(���,!�$����.� �(�.!�����������������,!()����

�!"���!%

:����!�(��!�#�.!���IJmcn�����!)� ����/�#��(��� �IJ��)����������2����!����������������� �9�����

�����"��%

/�&(������ ����������

'��.��"�*��2�����"����)��� �������!�����.%�-,�������!�������T�������� ����#����!�(��!����

�!�$�.����!��(��������(�%

P�.����������.(T

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

-G������"����(9��� ������$(�."�� � #�.�!�����!����(�.��������.�������>����!� !�����!���

*��D%

� ���

! �� ;<>

% �

' ����������5����8������;A������� ����Af� f�� ���<>��+�NQ�Zc_cxFF�+�

# ����������5����8������;A���C��3������ �5��Af� f�� ���<>

����������5����8������;A� �3������ �5��Af� f�� ���<>

9 ����������5����8������;A 3������ �5��Af� f�� ���<>

& ����������5����8������;A��3������ �5��Af� f�� ���<>

: ���

1�r�.���������������� �������.)�����!)���� �� �T

��������Y ��

H �� #������"���.�!,��� �!F����%

Page 178: Язык javascript ч 2 2

�� ����[���

:!����> ���.(����D#�.�!�������������"��#�����(������������ �������%

H �� �� ����u�����)��������������!���� !����� ������"������.�.���� �� %�P�)���

� �� ������� G�������#����)��!�F���#�������������������F�%

79��������"���������������N�� ���!���5

• 1�� ���,!���������;�/���#���� !��������$(�."����)�����������������.�.!� �S����%�

S����)���������"��#�����9���������.�.���.!� ��#�!����(������!����9��*���

�`�i���A`C�>������!���.�����,� D%

• *��2�����"���.����������.�� �� #��� �������������)�������� �G#����(,��%

• 1��(��� (�������!).�� �IJ�2

• &!����� �9�����������!��%�1������(���#���������(��� ���/$$�.��� �IJ��!���

��� ���.���%

• o!����3�,��4�����!"���!�#����������"�������������%�Y(�F�������(�����,!�$����.�

(�.!����%�=������� �)�������������(��! �� %

�M

V����( ��������"��#�.�.� ����.����)��>.�.����

.�!���.(DT�

&!�)��������������"��T�[���.(���%

N�������"�������� ����*��#���.������� � �����3.4%

Page 179: Язык javascript ч 2 2

E����� ��.(����T��B�A���?<]�AhCX�<�`�i���A`<u?@�X�2C��<�`aXq%k�i?%

V�F����

e,!���

e����!( ����� !������� �� �������� ���������������%

z���� ��!"����������"�������"����!�����,����!���;����� ������

������@7o !������ �0@v�$�.��! ���,�!����!������!���������@7o� �(�!����,%�&���

�����"����)�� �!�(���.�.���%

N�������������"���2���� ����.�������!�)����T

� � ����=

! ���+�E\F�\ESp\JEQ�QNHMHWczJ\Y�%�\FTcN_^�+�

% ������C���������� �$�����%�>

' ���� ��������� �$�����%�>

# ��� �������� �$�����%�>

������������� �$�����%�>

9 B

&!��/��#�����������"����������#��)���������������)����(���� .(�.�������� ���

� �� ���!������3��� ��;��f�"<%

N��� ��.�"�������"��������( ���������� �)� ����3������ �5��%�1���!�������

���.�.�!��#����.�)�,�� �� �#��/��(�������!�����.���� � ��3��4���,�!���;�

�)���!����� ����.���������.��!������������ ����u���%

&�)���������

e��,������������#�!�FG������!���� ������T�e����! ����,%

V�F����

�B�A���?<]�AhCX�<�`�i���A`<u?@�X�2�CC<�`aXq%k�i?%

{1�.!���������(� �� ��.��|

Введение

�� 6�''�������v�~eS{

�� &�.�������vBX�@

=���,� �����!)����� �(����$!��"��#�.�!����()��#�������!����9���vBX�@�!����������.(�����%

Page 180: Язык javascript ч 2 2

����.)������!�������)���� ��� ���!(.�(!(����� ����� ��������������vBX�@#�.�!�������� ���������.(�����"��%

o� �����������3 �!����4%�=���������#����!��.!�������.���� �������#����#����!��.!��#�� �������.!�����!.�#�.�!� �����������!�������3����4�!��r������ ��������%

7�&�&��������wxfT�k

�vBX�@�;�������.�#�.�!����� ����������.��.!��#�����.)��(��!��������������������.!��2�!�(��!����!������%

1���������!)��� ��!�������!����.�(!����!�F��� ��#���.����!���#������ ��� ����� �����%�&!���������.��.!��%�Q��/���G�������%

�����2���!�wxfT�k

S�����.(��vBX�@��)���.�����������������.����� ���k���T<<��BX�@%�Ai#����)��;� ��� ���� ��.(����#������(���� �����������!������!���T

• &���!��(�k���T<<�AaX%��BX�@%�Ai<��BX�@2?��XC�%�C�;����(���� ��,����������� �!���

• H�������AAj?XT�k���CT<<aX�X?A�X�C%jAAj?X%�Ai<C�XXa<?�]����XC<aX�jB�aX+k?Z�B���BX�@��)����,!(�����

��(����������F.�����!��� �!�� %�H����.������. T��*(������� �������� ��������������������&�%�������������(#�,�����&�%�;�

�!���#��!��G���)��(.�������G��!���������T���&����������������� �!���� ������&�+#�����;��������� �!���� ������+%��� ������������������������)��� �.�#�����������;�

���)��� #����(���� �����.�%

'��!���!#���.����������!���"(��������� �!�����vBX�@� ����)���� �������! �!����G�!���(T

���

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

! �

% )������

' ������;����������<>����F\GH�������aQRWcaHGQ\K����E^EF_FJ������� �

# )�������

E����.T

���

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

! �

% )������

' ������;����������<>����F\GH�������aQRWcaHGQ\K����E^EF_FJ������� �

# )�������

jQuery: поиск элементов

�� ;����,�����

�� &��.� ��vBX�@

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

�� P���.������.�

)� 0���� ��������

H� &(������.�.!���,�/������

c� 3H"������4� ��

D� E�,

X�WQQ������� v�~eS{4�����!���������_

Page 181: Язык javascript ч 2 2

P,��2���� ������ �#�.,�����!� ���������F���#������� ���!������������N)��V���,!�F���������������.(�������.��/����� � ���7%

#�!��9���������

S!�(��!���,�������� ��� ��)�������.������*��2���.�!��#��/��(�������.(���� ���3�vBX�@4�>�����������vBX�@D%

&��.��(������!F#���N)�������!�.!(�� ����.�������.��� ��� ��)����#����� !��������vBX�@��������. #�.�.���� ������G��� ���%

����?X

ke�$(�."�������.���� !���������� ������ ������� ��!�.�T�� �).�����?X%

=���� ���� ��������vBX�@���.����.��� ��!���� ��!(,(��������.(%�'��!���!#�$!� � !.��A�A�6AA?^����)����!������� ������.�#����)����������?X%

��������wxfT�k

3H�!�"��4��vBX�@�� ������$(�."����;<%�:��� �� ������������!����%�=���������������$(�."��#�.�!����r� ����������. %�P�.���������#���� �(�(�� ��������(���������� �������G�� �����������%

&!��� F� ����.�/����� � �,�������.T

��������*��;A���,??�\FGFTJSW���A<>

'��!���!#��;(�����(<�;����.���� �(�!�����%

:��)����������)�������!��#����!���!T

�������*��;A������$ ��$� �;�����*(����$��(�<A<>

���WQ\OHVWSETQ$�NFI}JN^F�;$ ��<�\\^GTH�ENcJWH���f

���TWSMF�JFh�;$� �<f�c�TSJSW^h�QJWHZcJ�����NQIHNQFJ\Y�������$��

:�� ��;\FGFTJSW<����,������ �����������?����� e��;\FGFTJSW<#��T

�� :2��! ��#�����!)� ������ ������!�(��!���#� .��������!���IJ%�H���.�*��[2���.�! �

�)���� ��� �,� ��Q�������� �����.�!�+%

�� :2 �!��#��vBX�@��!����� ����� �����. ���!��F�!����#����!���!���� �$���!$����C���;

��!������/��������������� ��� �#�$������;���, .����� #����!(,��#�������� �����.�

.�!������(���� ��.(�����"��%

&��.T�����?����� e���������?X

&!�� �������� ��!.���vBX�@���������!������#������������.�!��!�� � ��#�

���!���!����������� ��#���������)�����(�����!��(������!��(�

�� ���5������.�@�������!���� �������� ��%�&! �!��������!����!(,����!��� F���

�(��� %�-������;�����#���������;��vBX�@�����������(�����!��(�����

�� �����?����� e��%

Page 182: Язык javascript ч 2 2

-���������?����� e�������!����� ���#����vBX�@����� �� (���� ����. �� �).�����?X%

1�����3����!����� ���4#�.,�������!�(��!����!� #�������!�������(����vBX�@2

!��F�!����#���� ���9��� �*��[%�H������, !���#�������.�������?X��������������#�

���� ��!���� ��!�(��!�� +�&/��(�.������ ������vBX�@2!��F�!��� ��������������

��!)��������!����������� �3(�.��4�������%

����&����� $�������

V��(���������.��� �������vBX�@2�r�.�%�1����)��������� T� ��G��������(��! ������/���������

?X`j�k#���������(���,�� �����!(,��%

�vBX�@2�r�.����.)������ ����3�vBX�@2.�."�� 4#�3/��������#��G!�(����� ��vBX�@4��������.���!(,��

)�!,�������!��� %

E����(����vBX�@#������ ��!���� ���/������������.�!(������������!��!������T

���

"� )2���bS_TGzIHJK�ZHZGHSJFTc����

"! )��������*(����$��� ���������� ����������(�)�������

"% �

"' )���

"# ��)���) ����*(����$��������� �(������)� �)����

" ��)���) ����*(����$����������� �(�������g@)� �)����

"9 ��)���) ����*(����$���� �������� �(�������.� )� �)����

"& )����

": �

�" )������

�� �����C��*��;A������A<>

�! �

�% ���bFWFZSW�WFacGKJQJSE

�' ���; ���*">��)���E�������>��--<�=

�# ������;����C���������<>

� B

�9 )�������

P���.������.�

N�����.�� �(�!��.�.,2���/�������;��)����!�������,� �!����!,(�������%

'��!���!#��� �G�� ����� �(�!�������T

� �������*�� ���������5������.�@�;A����A<>

! �;A�Af�����<>����bSH\T�QNQGSRHIFN����������?����� e��;A�A<

:�! ��!,(����� �/����(�������� ������3.���.�������.�4%

:�.����� ��.���.�����)����!�����������.���72/�����#��������.�!T

Page 183: Язык javascript ч 2 2

�;A�Af�A�����A�<>

U�.)���)����!������!��(������!(,,����.�T

�������*��;A�����A<>

�;A�Af�����<>

'�� �)�#� �.�.�� ������������(.������.���.��T���72/�����#���!.�����!��(��������.��;��vBX�@�

�������� �G%

e���#�����.���.������.�����!)�����,�/����� +�'��!���!#�.�.��(����!����������!��;A�Af�

A��A<#�����)���� ��.(��������,+

Q����� �������,��)���#��#�������������#����(��� �������%

-��� �.���.������,�/����� #������.��(�����!�� ��G�� �.�)���������%�e�������!��(�������(�(��

�r�������%

& �!��/����� ��!��/����$���! � �����#��������� ��!�������������)��/������ �!��(���������

�� ����%

'��!���!#��� �G���;A�Af�A��A<� ���,(! �� ������.�T

���

"� )��������*(����$��� ���������� ����������(�)�������

"! �

"% )���

"' ��)���

"# ����) ����*(����$��������� �(������)� �

" ����)���

"9 ������)���) ����*(����$���� �������� �(�������.� )� �)����

"& ����)����

": ��)����

�" ��)���) ����*(����$������������ �(�?�����)� �)����

�� )����

�! �

�% )������

�' �����C��*��;A�Af�A��A<>

�# �

� ���; ���*">��)���E�������>��--<�=

�9 ������;���-�($�(�-�����C���������<>����%�\\^GTH�bS�SIFWF_H

�& B

�: )�������

0����X��k

N������(���,���!��!��(��vBX�@2.�."�������������X��k%�-,������.������)����uA�J��k����� �T

�����;���������;�����f�����<�<

Page 184: Язык javascript ч 2 2

1�� ����������.�)�,�/�������.�."�����!�����. �$(�."��2�!,(����#�����!���G��� �

���!����������!��� �/����������%

E����(����,� ������ #��������!��!����.�."����� ����������.T

�;A����A<�����;��������;�f��<�=

������;���-�($�(�-������<>

B<>

������������� �)���� ��)����#�.�! ����� �� 5���T� � !������������$(�."����!�.!�9������!��!%

'��!���!T

���

"� )��������*(����$��� ���������� ����������(�)�������

"! �

"% ) ����*(����$����C��������(�[HTHbF_HY)� �

"' �

"# )���

" ��)���) ����*(����$��������� �(������)� �)����

"9 ��)���) ����*(����$������������ �(�?�����)� �)����

"& ��)���) ����*(����$���� �������� �(�������.� )� �)����

": )����

�" �

�� )������

�! �����C��*��;A����A<>����NQpJH�E\F�\\^GTH�NQ�\JWQNHXF�ENcJWH�8@

�% �

�' ���C������;��������;�f��<�=

�# ������;��-�A$�A�-�������6378<>

� �

�9�����;��**��<��������� ���>����\JSb�NQ�]GFMFNJF�TSGGFTXHH�\�HN_FT\SM��

�& B<>

�: )�������

&!����!��!������#���.(9� �/��������!���G����.�.�����%

0)������������� ����/�#�������������.��.!��T

� �;A����A<�����;��������;�<�=

! ������;��-�A$�A�-���������6378<>

% �

' �����;��**��<��������� ���>

# B<>

&(������.�.!���,�/������

N�)������/�������� ������.����#� �G�!� ��!��(���������.���(�����vBX�@2.�."��%�'�����)��

�()�������/�����#���.��������!��#�.�.��,��(����%

Page 185: Язык javascript ч 2 2

N���(��������,�/�����������vBX�@2.�."���������!�������T

�� &!�� ����(�������!(T

���

� ����;��;A� ��A<�"��<>����./01

=��;����� �����!� ����!�� ����(�#��������(��� �(�!��������!(.�(!(��vBX�@2.�."��T�

/������������!�������������.���%�'�/��������!(F�����!��"�����.���(�"��%

:�9�2�#� ��vBX�@���������"�����������������(������/������������!(#����� �������

�(����, !��������%

�� 0����jX�>����.�D#�!���������.�)�#�.�.��!�� ����(�T

���

� ����;��;A� ��A<���;"<�<>����./01

-���/�����������.������!������;� �� ���� � !��������������%

�� 0����X�>����.�D� � !�9����.�."��������,�/�������;�������������!�%

1�������������������jX�>����.�D����!��,��!�9�����������.�(����#���� � !�9����������

�vBX�@2.�."����������/������#����������/�����%

'��!���!T

� ���0/7�]GFMFNJ�_GY�bFWESp�\\^GTH

! �;A�A<���;"<>

% �

' ���������SZ�FTJ�Ha�S_NSRS�]GFMFNJQ$�bFWESp�\\^GTH

# �;A�A<���;"<>

:� �!���(���� �� ��������G��� (���vBX�@2.�."��#���� ���� ������(� �/��������

� !�9���%�=��(���#����������������F��!���������/����/������#������(��������

�vBX�@%

-���/�����������.������!������;���� � !������(��(��.�."��%

I/��%�����J��( ����

&���� ����������vBX�@2�r�.��� � !�9�����vBX�@2�r�.��;����� � #����������.�!�� �� ���%

&/��(��)�� ��� ������������������!(,��%

=������ ����3�"������4� �� #����3�� ���,4�>����,%�3�k��`�`j4DT

� �;A���������*(����(�A<����\\^GTHf�STQNIHEQzxHF\Y�NQ����

! �������;��������;<�=

% �������������u����*�(���(>����_QJK�HM�TGQ\\

' ��B<

# �������;��������;<�=����

��������;�������<>����E^EF\JH

9 ��B<>

Page 186: Язык javascript ч 2 2

N��(���� ���������.�)�� �� � � �� � ��� ���,����G�������(�������� ���!.�%

:��9�

N�����.��/����� ��)�� �� �����;,??�\FGFTJSW�f�TSNJFT\J�<%�V��(�������(�����vBX�@2�r�.�#�

.�!� ��)�T

• &�!���!����.�.������ %

• &�!���!����������X��k%

• &(���������/�������!��������(���������.�(#���� �� ��jX�����X�%

N�����.�������(����#��� ��)����#�����?����� e��#��������������)����!����������!��;

��!���� �� �).�����?X%

N.(����T

� )���

! ��)���) ����*(����$��������� �(������)� �)����

% ��)���) ����*(����$������������ �(�?�����)� �)����

' ��)���) ����*(����$���� �������� �(�������.� )����

# )����

�� z�� �!�G����. � �� T��;Ag8A<�"�+

�� e� �� T��;Ag8A<���;"<���;"<+

�� e���. T��;Ag8A<���;"<���;"<+

e���������� �!�(�#��������g8������� ��.(�����+

V�F����

:����������!��#�����(���#�����/�������g8�����%

�� &�! � �/������.�."���;�/��.�.�!�����72/������)���

�� :�� �;Ag8A<���;"<���.)�� �!�G����72/�����#���(���,�������������#���.����

�(����F��.�%

�� =��� �� ��!�������.!!�.��T� �� ���;"<� � !�����.�."��������! ,)���#�

���.�! ���;"<������ ���G������/�����%

e���#�����g8� ��.(���������+

�� &�! � � �� � �!�G�����������%

�� :�! � �� � �!�G��F��.(#��%.%��;Ag8A<���;"<� � !��������������#���

���F���������!������%

�� U!��� � �� ��!�������.!!�.��T� �� ���;"<� � !������(��(��.�."��#����

.�! ���;"<� �!�G�����������%

{1�.!���������(� �� ��.��|

Навигация по jQuery-коллекции

Page 187: Язык javascript ч 2 2

�� ?���,���������������

�� &���.(9� �.�."��

�� &�!������

�� &����.��

)� &�������

H� H��.����.�! T������� �������� �������������.��C

c� '�/$$�.�� ������vBX�@

0��(�������!���!����.�."��#��(������()�� �/�����������!(%�N���������/�,+

P��������f�&�.�."����()���(��F��� ���%�&(��������� #���.����!����� #� ���!����/���������(� ��#��������/�����(���%

?%��9�����%��!�����!

0��� ������ �,�"�����.�."�����,%�E��,!�����!9�� ��!�����#�����!����������,!(���%

E��.#����.�!���.����)�T

• &�"���!(�;��� �� �������.(9� �.�."�� T�$���!�"��#���� ����#��������������%�%

• H �!�(�;�������������(���.�!������%

• H���(�;�������.���!�������. %

• H� �<��!� ��;�������.������� %

UOSe\V�UOSe\Vs�UOSe\Vsn\V

Tg

RgdsesV

USeP�USeP�gg�USePn\V

Tg

sT�gT\[s

fTgVeS�\dV�iOs

et�fTSsV�gOsV�sgTRe

Ts�Ozz�ZOU

\e�V�\e�V�gg�\e�Vn\V

Tg

sT�gT\[s

�fT\z

RiTgzSe\�Rd\Ve\Vs�

U�.�.�.����� ���,#��������������� ����)�#����������()�%�N������������#�.�.�������#����!��

�����������;��!��������.�/� ���!���"�����.�$�"���� ��.(�����"��%

��/�������� �������!F������ ����#��������(���� ����#�.�.���.�������!�����!����(���

��!����%

������$C�5����������

F:A<B9-3�����1�?C<-3�����1�Z5=-3�����1

:� !�9�����$���! ���(��.�."��#����!)�9(����.�/�������

• ���������;������9������$���!#

• ���� ��;���������9������$���!#

• �������;����!)�9������.�#������9�,����$���!%

���

"� )���

"! ��)���)����������)������$�)��JSGKTS�bS_hS_YxHF)����)����

"% ��)���)������ �)������$�)���NF�bS_hS_YxHF)�����)����

"' ��)���)��������)������$�)��bS�bSJSMTQM)����)����

"# ��)������)����

" )����

Page 188: Язык javascript ч 2 2

"9 �

"& )������

": �������*��;A��A<>

�" �

�� ���E^aSESM����;A� � Af���<�bS\JQEHM�XEFJ�]GFMFNJQM$

�! �

�% ����������;A$����A<����;A� � Af�A����A<>���|U��d{$�I}JN^F

�' ������ �;A$����A<����;A� � Af�A���A<>�����y��I}JN^F

�# ��������;A��A<����;A���C ���Af�A���CA<>����mwk�{l�d���

� �

�9 )�������

:�.����� ��$���!���)������������� ������.)��$(�."��#��!������9���/������.�.��������

� !�9��9������������T

���

"� )���

"! ��)���)����������)������$�)��JSGKTS�bS_hS_YxHF)����)����

"% ��)���)������ �)������$�)���NF�bS_hS_YxHF)�����)����

"' ��)���)��������)������$�)��bS�bSJSMTQM)����)����

"# ��)������)����

" )����

"9 �

"& )������

": �������*��;A��A<>

�" �

�� ���|U��d{$�bFWE^p�WFZ}NST���JFT\JSE^p�caFG

�! ��������*�����������;��������;<�=

�% �����������������,������ ��3����**�%>

�' B<>

�# �

� ����;�������������<>�����f�]JS�bS\GF_NHp�8@

�9 )�������

B[-?1�F:9=<�A5=<�=A:8B-=<59<�B?D1

:� !�9����� (��.�."���

• ��;�<�;��������/����������,����!(#

• ����������;������! ,<������,�/������#

• �����;�����f�����<�;����/����� ������!������������%

:=-3�����1

:� !�9�������#�����.�. 2���(���/���������.�."�������������$���!%

���

"� )���

"! ��)���)����������)������$�)��JSGKTS�bS_hS_YxHF)����)����

"% ��)���)������ �)������$�)���NF�bS_hS_YxHF)�����)����

Page 189: Язык javascript ч 2 2

"' ��)���)��������)������$�)��bS�bSJSMTQM)����)����

"# ��)��������*( ���(����)����

" )����

"9 �

"& )������

": �������*��;A��A<��������;<>

�" �

�� ����;��������;A��A<�<>�������

�! ����;��������;A� ���A<�<>�������

�% ����;��������;A$������A<�<>���������

�' )�������

5DD-��������1

:� !�9����� (��.�."������/����� ���.(9� ���� ��#������.�!(%

���

"� )���

"! ��)���)����������)������$�)��JSGKTS�bS_hS_YxHF)����)����

"% ��)���)������ �)������$�)���NF�bS_hS_YxHF)�����)����

"' ��)���)��������)������$�)��bS�bSJSMTQM)����)����

"# ��)��������*( ���(����)����

" )����

"9 �

"& )������

": ��������*��;A��A<>

�" �

�� ���MS`NS�_SZQEHJK�]GFMFNJ�0/7

�! �����*�� ���������5�������.�3�u���;A��A<�"�>

�% ������*����������;����<>

�' ����;�����������<>����!

�# �

� ������*����������;�A� ���A�<>����MS`NS���bS�\FGFTJSWc

�9 ����;�����������<>����%

�& �

�: ������*����������;��;A��A<�<>�����MS`NS���TSGGFTXHz

!" ����;�����������<>����#f�_cZGHTQJ^�c_QGYzJ\Y

!� )�������

:�)�T�/���$(�."���������������.(9(��.�."��#��������G��� (������(9��� (�9�����

��� ������/����� %

I5;-3�� #��1

=�����������������.�%�1������������.�."��#�����9��� ��� #����!�(�.�����G���!���

$(�."����� � !�9����!��(�����%

���

"� )���

Page 190: Язык javascript ч 2 2

"! ��)���)����������)������$�)��JSGKTS�bS_hS_YxHF)����)����

"% ��)���)������ �)������$�)���NF�bS_hS_YxHF)�����)����

"' ��)���)��������)������$�)��bS�bSJSMTQM)����)����

"# ��)��������*( ���(����)����

" )����

"9 �

"& )������

": �;A� ��A<

�" �����;A� � Af�A��A<����bS_\EFJHJK�,/05�TWQ\N^M

�� �����;��������;<�=

�! ������������������u ��>����bSGcIHJK�TSGGFTXHz�WS_HJFGFp�,/05

�% �B<

�' �����;A� � Af�A���A<>����bS_\EFJHJK�Hh�aFG}N^M

�# )�������

Q�������� ���!���������������T

• S�F���� ����� #�.�!����(9��� ����$���!�"��#��,(���!��������.�.����.�!���.���

$���!(�9(��$(�."��%��vBX�@������$(�."��%

• S�F���� ����� #�.�!����!��������/������#��,(���(�������� � �����vBX�@2.�."���

������.�!�%�o� ��#�������� �����/��(��)����%

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

;59B?<-1�;59B?<=-3�����1�;59B?<=\?<:A-����3�����1

V������;����������#� ���������;VHGKJW<�>��$���!�������.�!(D�����

�!���G��,������g����;R_F�S\JQNSEHJK\Yf�\FGFTJSW�_GY�]GFMFNJSE<%

8AC=B=<-3�������������( ��������1

E9�����,#���)� F�,#�!�����#������9�,�������.�!%

:�! #������������ #��!,(�����]GFMFNJ�TSNJFpNFW#���������!����#�,!����� �������.%��vBX�@�

�(��������� �!���������!#��.����� ��!�����/�����72/�����%

���

"� )��������*(����$��� ���������� ����������(�)�������

"! �

"% )�����*(�(�

"' ��)���) ����*(����$���� �������� �(�������.� )� �)����

"# ��)���) ����*(����$������������ �(�?�����)� �)����

" )����

"9 �

"& )������

": �����C�*��;A�����+*(�� (�A<>����\\^GTQf�QJWHZcJ�����\S_FW`HJ(�� (

�" �

�� �����*����C��� ����;A��A<>����ZGH`QpOHp�\EFWhc�g8

�! ����;����"�����<>�����

�% �

Page 191: Язык javascript ч 2 2

�' �����*��;A��A<�"�>

�# ���*����C��� ����;A��Af���<>����ZGH`QpOHp�\EFWhc�g8f�NS�ENcJWH�8@

� ����;����������<>����"f�NFJ�JQTHh

�9 )�������

&����.��

F:?D-��� ���1

E9��� ����.��������.�!(%

���_GY�TQ`_SRS�8@�H\TQJK�,/05�\WF_H�bSJSMTSEf�EFWNcJK�Hh�TSGGFTXHz

�;A��A<�����;A� ��A<>

8Z:AD9B?-��� ���1�8C?<B?<=-1

:���!�������� ������.�!(#������!,(���� �;� �������� T

���

"� )���

"! ��)���)����������)������$�)��JSGKTS�bS_hS_YxHF)����)����

"% ��)���)������ �)������$�)���NF�bS_hS_YxHF)�����)����

"' ��)���)��������)������$�)��bS�bSJSMTQM)����)����

"# ��)��������*( ���(����)����

" )����

"9 �

"& )������

": �;A��A<

�"���������;A� ��A<����EFWNcJK�E\Fh�_FJFp�8@f�bS_hS_YxHh�bS_�\FGFTJSW�� ���

�� �����;A� � Af�A��A<>����bS_\EFJHJK

�! )�������

0�����A`�X`�C>D�;���.)�� � !�9�������� #��� �����������������;�(��� ������� #� .�����

��.�� �����.������!��#��������.�(��2/������%

���

"� )���

"! ��)���)����������)������$�)��JSGKTS�bS_hS_YxHF)����)����

"% ��)���)������ �)������$�)���NF�bS_hS_YxHF)�����)����

"' ��)���)��������)������$�)��bS�bSJSMTQM)����)����

"# ��)��������*( ���(����)����

" )����

"9 �

"& )������

": �;A��A<

�" ��� ������;<�����E\F�caG^�_FJH�8@

�� �����;��������;<�=�����SZFWNcJK�JFT\JSE^F�caG^�E�\TSZTH

�! �������;����� ��3����**�%<����������*�(;(-��������-(<(

�% ��B<>

�' )�������

Page 192: Язык javascript ч 2 2

&�������

;9B6-1�;9B6SAA-3�����1�;9B6\?<:A-��������3�����1

&(������ ,����������#� ����� �������� ����e������ ����� �������� ����g������

(.�����,�>]GFMFNJD#������9������$���!%

?BO<-1�?BO<SAA-3�����1�?BO<\?<:A-��������3�����1

U�)������#����!� ��������%

=:QA:?>=-1

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

/��������������'�!����(������� ��\ �E

:������������ ����������.(9(��.�."��#������������� � !�9����� (�%

&!��.�)���� �����.�� � !�9�������vBX�@2�r�.����!��(�����%

&!����(9� ��vBX�@2�r�.���!��/��������!�����#�.����(� ��,����)�� �!�(����� �� �X`a>D%

&���!���/������!���!��������%�N�(����#������F��$!�(��;A� �A<�������� ��!���� �����.�.���

�� %

0)���������/����.T

�;A� �A<

�������;A$����C� �A<

�������;��������;<�=�����B<>����\_FGQJK�IJS�JS�\�]GFMFNJQMH�TSGGFTXHH

�E�����!����������.���� �/� �)��$!�����2���9G%

H��� ��� ���� ������/���������;���!�������;A� �A<� ���!����� T

� ��� ��*��;A� �A<>

! �

% � �

' �������;A$����C� �A<

# �������;��������;<�=�����B<>

9 � �

& �������;A$��� A<

: �������;��������;<�=�����B<>

�'������������� �/�����������������%

�vBX�@#��!�� �� ���������!�������!����(9(���� ����(��.�."��#�.�.�! ��)�� �!�(�����

�� �����;<T

� �;A� �A<

! �������;A$����C� �A<����NQOGH�IFTZST\^�ENcJWH

% �������;��������;<�=�����B<����SZWQZSJQGH

' ������;<����EFWNcGH\K�SZWQJNS�NQ�VSWMc

Page 193: Язык javascript ч 2 2

# �������;A$��� A<����bSH\TQGH�_WcRHF�]GFMFNJ^�ENcJWH��

�������;��������;<�=�����B<>����\_FGQGH�\�NHMH�IJS�JS�Fx}

0�����aa���^>CX?X��A�D���� ����/�����������!����(9� �.�."���.���.(9� %

-���(.���������.�!#������$���!(�����%

=���������� ���������(����#�.,���.�.(�2����!�"����()���������.�.���������#���.�����������

/������#����!���!T

� �;A��A<����������TSGGFTXHY$�g8

! ����������;<����bSGcIHJK�TSGGFTXHz�8@

% ������.��C;<�����_SZQEHJK�T�NFp�\QM�g8

' �������;���<������JFbFWK�c�NQ\�TSGGFTXHY�8@�H�g8�WS_HJFGK

&�� �����.����� � ���� �G��� �!������6���X�C�`j��.(�����"��%�&!������� ������vBX�@#� ��

������(������������������������������������%

#�6�������������wxfT�k

N��!�����������vBX�@2���������.����.�."�����/$$�.�� ��%

'��!���!#��()���� �����! ,����.�%�'�.�!��������T

������������;A$����A<>

������������;<�����;<>

�;A$����������Af�����<>

:���/�����������/$$�.�� ��%�1��������! ���� �%

c% &�! � ��!����� �������� #������ �2$���!(� ���!����()�,%

s% :�! �.��!(������� � �.�."��#��������(����������G���! � �/�����%

�� U!��� ����(�.��������?����� e��;A$����������<�>�����������������(����)���#�������(���

�)�D� �.���.��������%�Q����#�����! ,� �,���#�����.��! ����� �������� #��� �(�!���� �

�,!�����!�(��!����� ������������?����� e��� �G�!� ��!��������������!��!�%�

:�!���#�/���(��������,�����!��#������!����(9���!�F����%

1����� �)�� �� ������"����������"������!��.���,���� ��� �F��!� ��G����������#�������

�������� ���,%

P�. � � �����/�,+

U��#�,������!�� ��!�� ������������.!������#������(����vBX�@�;����(���� �%�=����F���� �

�(��� %�U��#�,������ �)���;��!�9������.������(���7%

�M

-����/����������%�:���!���� ��vBX�@� �����,�!����� �������/�����%

'��!���!#����8@�����!���!�� �F���)����(�������.�."��6378f�./01f�g8f�8@T

� )����

Page 194: Язык javascript ч 2 2

! ��)�����

% ����)���

' ������)���dFT\J)����

# ����)����

��)������

9 )�����

P���)��������.�.��)��.!��%

V�F����

��������*��;����<�������;<����.��C;<>

{1�.!���������(� �� ��.��|

Методы для работы с DOM [в работе]

�� 1��$����%�����������#������������-������� 1*�]��!���������������$������������������*

�vBX�@2.�."����!����� ������� ����!����� ������72�����(�"� %�E�.�2���� �!�(�

+����(��������

• �aa*?�CC#�k�C*?�CC#��XiA�X*?�CC

������A��CC

U���"������ T

*5;;B?D-;59B?<1

:��� ���������������.�������

*;9B;B?D-;59B?<1

:��� ������! ������.�������

*:?=B9<SF<B9-=:QA:?>1

:��� �����!��(�����/�������������

*:?=B9<2BFC9B-=:QA:?>1

:��� �����!��(���!���/�������������

*9BIC6B-1

�������/�����������7#�(������� ������������������������!�����.������� %

*DB<58Z-1

�������/�����������7#����(������ ������������������������!�����.�%

*BI;<J-1

������� �������. � �� ���XiA�X

Q�!.�����������T

• ���X`a������X`a6A

• ��X�X`a�����X�X`a6A

• �`CX���u�X�����u�X�

• �`CX���XuA�X���]XuA�X

... [в работе]

Page 195: Язык javascript ч 2 2

/����"���%����������%�����"�X��������\4�:��9��(5���������!�*�������������������"4

V���������(�������(�����9����.�!�� !���%

�M

&�!���F�������,�! ���������vBX�@%

E����� �.�T��B�A���?<��BX�@<]�jB�2C��<�`aXq%k�i?

V�F����

V�F����T��B�A���?<��BX�@<]�jB�<�`aXq%k�i?

{1�.!���������(� �� ��.��|

Введение

�� v�~eS{�#����

Q��������!�����!���������������!$� �����.������%�S���.!�.�������� ����3 ��)�����4�>h�ajX�D%

&!����,�����#����.�/��(�!����(� ��()�����.������� ��������������#���7#�*��%

:�/���!��������.)������������������.���vBX�@%�0�������(����G�����������"����� ������!�"� �����7<*��%�-��� ��� ���(�����.���/�,�������#���()��������#�.�.�!���������������!���� ��������,�����������%�&/��(� ����������,����(������,!�2!��!�����. #�����9���3��.��vBX�@4��� �����9��� ���(�!��!���������������������,� �������� ��)�����/� �������.�%

&��(������vBX�@��)�#����!���!#���.��,���vBX�@%�&�!����!(. ��� ����!� ��(��(������������>S�!�S��#�E�,(���P�"D%�:�����!�������������,��!(,���������. ����/�(����(%

wxfT�k��������

0���(��������� �������(�9��� ��)������vBX�@T

• H�������/����� T��!�����$!����;()�����(<���!��F�!������;()�����(f�=����$����B<%

• &��.�/����� T��;(������� (f�� �����<������������;(������� (<%

• '� �,�"�������7T��� ����#�������

• V����!�������!�.�T� �����#������������#� ��������� ���6����#��� ��3 ���� ��8���%

• H�����T��!�����.�������,�! ��������vBX�@%A`#��� ���� ��� ��������%

• 0����(�"�������7<*��T���������������H�J�b�#���������%

• N����������������"��T���������>��.�����������#���.���������������D%

Вёрстка графических компонентов

�� .�����#������>����

�� H�������;����/������

�� &!�$�.��� ��)����(�.���

�� E�,

&!����������,!�$����.���.�������>3 ��)�� 4D� ���! (����!�����!��(�� ���������5678<*��2��!(.�(!�%

Page 196: Язык javascript ч 2 2

P�.��(���� �,������ ��)��� ��������������+�P�.��(������������� ��!"����� ������ �� ��������������+

z����!��!���.�� ��)��������(��� #��!�� G!��.������������������.�.��!����#�������� �)�����,�F��� %

/�!���������"��E�����

56782!�����.������� �����*��2.��� ��)����!�)�����������$!��"��#���������$!�����%

'��!���!#���9�������F��.���)��� �!��������.T

)��������� �K��L���������D����������������������L�

��jGShQY�E}W\JTQ�\SSZxFNHY�SZ�SOHZTF$�QJWHZcJ������2

)����

%%E����.T

)����� ��� �K��L��������������L�

��jGShQY�E}W\JTQ�\SSZxFNHY�SZ�SOHZTF$�NF\FMQNJHIF\THp������2

)����

:������(���������������. � G!��.����� ���%�:���! ���(����;�����#��� � �!��;�.����

���!)�����$!��"�����$!�����%

&!������������. � G!��.��.����� ��������� �!�T�3���/�+4#�3 �.�.��/���������+4�>�.!��#�

��.!��#��.�����D����%�%

'��!���!T

)����� ��� �K��L�����L�

��mSSZxFNHF�SZ�SOHZTF�;� <f�bWQEHGKNQY�E}W\JTQ2

)����

���!��(�!�)�������(����.���������������.�����#�������(%

)����� ��� �K��LB �����L�

��jWF_cbWF`_FNHF��;�����<f�bWQEHGKNQY�E}W\JTQ2

)����

H���������.��� �!��.��(�!9��������!).(���!�� �����*��#�(�!9���� ������ �� �����)�(��������

.�����%

=��.�������#����!���!#� �!����9�.��������������2!��!�����.�%

U�.��� �!��.��(��������!,�����"�����2.��%�:�.�������!������ ����()�� �.���#��������������

*��%

�M

&���!������� G!��.(�,!�������,�����%

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

! ��)��������*(����(�nGQENQY)����

% ��)��������*(����(�dSEQW^)����

Page 197: Язык javascript ч 2 2

' ��)��������*(����(�|SJSRWQVHH)����

# ��)��������*(����(��SNJQTJ^)����

)����

V��(��������������>�.����������D

1�.!���� �

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

z��������/�(� G!��.(������������ +�P�.���� ��� �!�����������!� ���+

V�F����

'����!������#������������2�������!�������!�)�����#�/��� G!��.��� �!F�������

����������%

1F��.�T

�� :2��! ��#�������!����� ������ �����.�/����� #����������.���(9��� (���

��,�8@%

H���������.� ������;�/��.,�����,�������(�����������������%N��/�����

����.��)���#������!����)�������#������, .������"�)�������%�%

�� :2 �!��#�.���� ������� �� ������� �C���.��� ���#�������!)�����)��

�����$!����.�.��.!(,������,!�����������.�%�Y�� �.���#��!�)��9� �

$!�����#�������������%

&!� ����;������.����������� ��%�'��!���!#�.��������������, !���

��#���������/�������;�3,� �������4%

�� :2�!�����#�/�������������� ��������(����� ���������.�%�E��"����!����

�������)�����*(���(�%�-�������� ��)����#���)�������(.��������bw8����

.���� #� �.�!������!������������������>���. ���!���D%

:�!�������)��;�����������T

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

! ��)���) ����*(�(�nGQENQY)� �)����

% ��)���) ����*(�(�dSEQW^)� �)����

' ��)���) ����*(�(�|SJSRWQVHH)� �)����

# ��)���) ����*(�(��SNJQTJ^)� �)����

)����

&����������������T��B�A���?<h�ajX�C<iX`B2CXi�`���%k�i?

{1�.!���������(� �� ��.��|

Page 198: Язык javascript ч 2 2

/����"����M����6��!����

Q�����(��.��������)������������.�.������� %�'��!���!#�������)���������.!��������.!��%

H��������)����� ������*��2.�����������/�����#�.�.�!�(�3������(4��������%

'��!���!#������ ���.!�������������.!� ����� �����.�/����� %�P����������� �����()��

��� �������.�����.(�/����� #�.�!� ��.!� �����2�.��� �����#���.�.!�� �(�/�����( ��)���#�

��.�.(�/����������.�������� ��,�����T

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

"! ��)��������*(����������(�PQRSGSEST�MFNz)����

"% ��)��������*(����������(�

"' ����)���mbH\ST�]GFMFNJSE)����

"# ��)����

" )����

"9 �

"& )������

": ��������������=

�" �����������$��� �C>��+�SJTW^JS�bS�cMSGIQNHz�+�

�� ��B

�! ��

�% ���������� ����������������=

�' �����������$�� ��>��+�aQTW^JS�+�

�# ��B

� )�������

&!�$�.��� ��)����(�.���

&���!���#��)�( ���#� G!��.(���� ��)�������, ,�.��%

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

"! ��)�������*(�����(�PQRSGSEST)���

"% ��)��������*(� �����(�

"' ����mS_FW`HMSF��UMFNQ�TGQ\\SE�E�]JSp�E}W\JTF�SbQ\N^�

"# ��)����

" )����

"9 �

"& )������

": ������� ��������=�\JHGK�aQRSGSETQ�B

�" ������� ��� ������=�\JHGK�\S_FW`HMSRS�STNQ�B

�� )�������

:�/� � G!��.���������!�G������!����#�.�!����� ����#����� �(�!���� �������(������.�����

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

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

! ��)�������*(�����(�PQRSGSEST)���

Page 199: Язык javascript ч 2 2

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

' �

# ����)�������*(�����(�jWHEFJ2)���

9 ��)����

& )����

U�.�� ���� ��)�#� �������, ��.���)����������������!)���%

:�/����(����*��2�!� ������� ���������(�����!���������.��!� ����!)���������!���.��(������

������ ����%

P����#��)�������������!�������/���%�'��!���!#��� �!��� �����,��� �� ��#���� � �

�����������!� ������� ��� ����������������(.��� ���,��!#���/���.!���3�����.�4#���)���

��"�����!�F������!����%

-9G����� �!�����;�)G��.�������� )������%�e������#������ ����.��������� ���������%�=��

�!������� �������.�.!������!���!�#���.�.������ �����������#�,����()�������,(�.� ����.+

z��������)���� ��)�����!���#� ���.����� �(�!�� ��)����������������,������%

&!� ���� � �!����T

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

! ��)�������*(�� ���������(�PQRSGSEST)���

% ��)��������*(�� �����������(�mS_FW`HMSF)����

' )����

# �

)������

9 ������� �������=�\JHGK�aQRGSETQ�B

& ������� �� ������=�\JHGK�\S_FW`HMSRS�STNQ�B

: )�������

:�/����(���� �(�!������� �� �������)���������9�����!(,���.����������� ����

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

P!��� ��,��!��,#��!���.����.,�*����(�����(��2�(�������!��� ��U�.�.�.�����.����

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

�M

&���!������� G!��.(�3��� 4�> .��.D%�P�.���F��.�� �� ��� � �����+�P�.��!� ���+

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

"! ��)��������*(������(�

"% ����)���) ����*(�������(�[TGQ_TQ��)� �)����

"' ����)���) ����*(������!(�[TGQ_TQ�!)� �)����

Page 200: Язык javascript ч 2 2
Page 201: Язык javascript ч 2 2

• :������ ��������������������.!����������#����()��(�����#����

��� ����0@v����!(,���$(�."��������/���(! �����(�������!(�������%�E�����

, !�#���.��� G!��.��(�)�����!��F�!����� ��)���%�Y(�F������� ����

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

&!� ���� � �!����T

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

"! ��)��������*(� ���� ����(�

"% ����)���) ����*(�������(�[TGQ_TQ��)� �)����

"' ����)���) ����*(������!(�[TGQ_TQ�!)� �)����

"#����)����� ��� �K��L� �����������L�) ����*(������%(�wJTW^JQY��)� �)����

" ��)����

"9 ��)����� ��� �K��L� ���� �L���*(������(�mS_FW`HMSF���)����

"& ��)����� ��� �K��L� ���� �L���*(�����!(�mS_FW`HMSF���)����

": ��)����� ��� �K��L� ���� �L���*(�����%(������*(� �����������(�

�" ����jS\FJHJFGK�EH_HJ�\S_FW`HMSF�JWFJKFp�ETGQ_TH�

�� ��)����

�! )����

{1�.!���������(� �� ��.��|

P,����!�$�.�������()��+

&!�$�.������ ���������.�����%�S��������)��� ����� ������(����#�.,��� �(�!��

/��������� ��������(�����!(,���.������%�U������.�$�.�����.������

H��!(, ���!��#��!�� ������������ �� �!����%�P��������������(�� ��� �������(��#�

,����������!����,���%�:�F� ��)��#���������� ������ ������������!�.��#��)��������

��������� ���� ���� ��!(,�������#�,�����!��(����� )������.�������%�E��,���

��!������!��(���!�������!�$�.�����()����!F(���()�(%

:��9�

• :G!��.���)������������������. #������ ������ ���� (�9�������(���$!��"�����,����

.����%

• P���#����� ��9� ���������.�������#��()����� ��������G� �!�����/������#�����������#�

.�!� ��()��3(.!�����4� �/����������%

'��!���!#����������.��!���,!(�.�T

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

��)�� �������*(� ���������(�dcJ�bSTQa^EQFJ\Y�bWSRWF\\)��� ��

)����

H�������(� ����(��)��� �������.�����.��� �(�!����,�����#������ �����,��()�� �G�

Page 202: Язык javascript ч 2 2

!� ����� ��F�� �/�����#� ����/��;��������� �� �.�������%

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

��)�� �������*(� ���������(�dcJ�bSTQa^EQFJ\Y�bWSRWF\\)��� ��

)����

:��)������.�#��������������������.� �(�!�����(�/�����(%�'��!���!#������!� ��

���������.!��<��.!�����������.�(�(#��� ���� ���#�.�����)�����������(��%

'��!���!T

� ���

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

% ��PQTW^J^p�caFG�_FWFEQ

' )����

# ���

• P����� �(�!��.���������)�����������������!�$�.���;�������.�������%

-���, !������!,#���/���()�#����������)�����!���� ������(����#�.,��T

• P��������)������!)�����!�� ��� ���7#�.�.����!���!����, ��.����

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

• :������������(��������.�!����. ������ ��������;���.� �/����(����*���

�������� ���������(������ �� �������/���������.������������ �(�!��

���!)��,%

U�����#������������������������� �(�!��������!(.�(!(���7�;��)�������������

.����%�'���#���������3 ������4����������������������2�� �(�!�+

-������.�!����. ���������(������� ����;�/�����,�!�����#����������(��������� �����

��(�(9��%

:��!��"���#� ���)���������� ����/��(��!� �(#��������(�"�������%�'����� ��������� ���

!��F�!���� � �!�����;������ �����!�$�.������.��� � ��,��%

&!���(�����!)� ��� ������G)� � G!��.�������!�F��������,���S=0#��!��)������ �

.�����������.�#����.!�������� ���%�P��� ��!��,������.���.������!(���� #�.�!����� ����

!����������!�$�.�������.��������������(���%

Процедурное и объектное программирование

�� F��( �������"��$�����

�� 0���#��r�.��� �����

�� H!� �����T��!"��(!�� ����r�.��� ������

'���!��)������,,� !������ ��!,!����! ������!���������!"��(!�� �����%�&!��/����!,!��������������$(�."� #� ��� ��9����!(,��!(,�%

o!������)���� �����r�.��2!�����! ������!,!����! ����#�.�!���� ����,!(���! ����$(�."������������ ����� ��(9�����;�3�r�.��4%

'��!���!#�3��� ����4#�3����4#�3/�����4��z����11&2�����3!����4#��r�.���)����!����� ������ ���.�����(�#����(��� �������(���(9����%

Page 203: Язык javascript ч 2 2

U�����#��r�.��;�/���������F��#������!���3,!(���! .�4�$(�."� ���������%�:���������#� ��!���� ��r�.��7��k#����������!)���$(�."���>7�������#�7����� �#��D����������>7����4@D#����� �������r�.��� �������11&%�=������������������,!(���! .�T�3�!��!���� ���G�4%

)��2.�%�����$��(5����

'��!���!#��(����(����������56782/�����#��!����� ��9� ��� �3����4#� ����. T

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

! ��)�� �������*(����������(�jWS_cTJSESF�MFNz)��� ��

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

' ����)���m^W)����

# ����)����SGZQ\Q)����

����)���dSWJ)����

9 ��)����

& )����

1)� ����,� ��!"��(!��������;���!�����������$(�."� T

"� ��� �7����*��;(�� ������(<>

"! �

"% ��������� ���;<�=�

"' ��� �7�������,����;A����� ���A<>

"# B

" �

"9 ����������� ��;<�=

"& ��� �7������ ��,����;A����� ���A<>

": B

�" �

�� � �7���� �;A����CAf�A�����������Af���������;<�=

�! �����;� �7�������,����;A����� ���A<<�=

�% ������ ��;<>

�' ��B������=

�# ���� ���;<>

� ��B

�9 B<>

=���9G����� ����3�!������.��4%�&��(����������F����.,�.���;������)�����,�����!)� ���%

1������/����������!�����������)��������!$� � %

)��2.��&8����(5�%��-��

&!���r�.������������������� ������ � �����r�.��#����!���!T

"� �++

"! �+� ��� ������SZ�FTJ�\�bQWQMFJWQMH�MFNz�

"% �+�����������]GFMFNJ�MFNz

"' +�

"# ���������7���; ��� ��<�=

Page 204: Язык javascript ч 2 2

" �� �������*� ��� �������>

"9 �

"& ������ ����*���������;<�=

": ������������,����;A����� ���A<>

�" ��B>

�� �

�! �������� ���*���������;<�=

�% ����������� ��,����;A����� ���A<>

�' ��B>

�# �

� ������� �;A����CAf�A�����������Af���������;<�=

�9 �������;��������,����;A����� ���A<<�=

�& �������� ��;<>

�: ����B������=

!" ������ ���;<>

!� ����B

!! ��B<>

!% �

!' B

U���!������)�������� �����,� �����������.��T

� ��� �7����*���B�7���;=

! ������$��;A�� ������A<

% B<>

' ������

# � �7���� ���;<>

H!� �����T��!"��(!�� ����r�.��� ������

'������.�����#�����r�.��� ������ ��,���(�F���!"��(!�,%

P�.����� ��!������� #��r�.��2!�����! ���� �������)��������(�����������(����#� �

�� �������������(�"��%

S� ����������#� �.�!����)�� ��������(9����%�'��!���!#�3�,!�������)�����������F�,�

�9�,�������4%�:��G�������� ��������������������!�"�����������%�E���������3!��)����������

�!����4%

N������������������� �G���!"��(!�� �����%

:�/�(�)��,!(��(�����������F���� ������������.����,!��� #� �.�!���������)���� ���������

���� ��������������������(9���� %�E������/��(��!� �������.���!,!����! ����#�

�!�����������������!����� �>�!�!��#�e,D�������!)����r�.����� ��)���� %

H��!(, ���!��#��!��!��!���.������!$� � ����������������!.� �!�)��������(9������%

Page 205: Язык javascript ч 2 2

&���������.!� ����.���!�(��!�#���������)������.��.(#��!��/���!��.!� ����������%�:��!�(�.���

������!� ����.����!�(������! �!�;� ��� ���������� ��������� �������(9������%

&/��(�11&���������������� ��2!��!���.���� ��)�� %�P�.��2���(9������)��$!����� �

�r�.�#���.�.��2��;����#�/��()��!�F����!��!�����.%

0���!�)���!���!�/�,������� ����(�9���,� ��%

Внутренний и внешний интерфейс

�� 3�������-��

�� :�(�!���� ��� ��F�� �����!$� �

�� E���!$� ������ ����7���

�� Q�9���� �(�!����,�����!$� ��

�� &!� ������� �� ���������

�� :����� ��������� ���� ����� ��������

�� o����!�

�� H����!�

�� -���� �,����!2�����!

)� E�.���(�"�����7�.�������

H� E�,

1�������� �(�!����,�����!$� ����� ��F��,�;�������������!�.��.�� �!��!���.����,�(,����)����kX??A�hA�?a%

z����/�������#�� ���������!��!���.������!� ����� �,�������r�.���!����,���!�%

P�.��!� �#�(��! �� �#���.�!���������������#� �������)��%�'�!�������������!$� ������ ��F�� ��� �(�!���� ��� ��������� �������������� F����!���%

���!���� �*� ��

'��!���!#�.$� �!.�%�&!��������!()�T�.��.�#�����.��!#�� �!����#��E#�.����#�!��(�����;�

.$�� �

Page 206: Язык javascript ч 2 2

'� �(�!���>.�!���.�������������!����(D

0���������� %�'�����)������ ������� #�� �!F��������������/��%

P$� �!.��;�� ��2��.������)��#�����!� ����+�0)����� ������,����#�����.�.,�����2��� ���������.�;��!�������������.������!(%

H�.!�������)��������!�����.$� �!.��;� ���#���� �����������)��������!����� �(�!�%�-����������.$� �!.����9���� �.)(�#�������� ������G��(���������)����>.(�����)�����+D����������>�.��(��!�����)��D%�Q����#�.�.����( ����#��r�.����������)����.$� �!.���%

Page 207: Язык javascript ч 2 2

,�$������5���������5��������5�

• :�(�!���� �����!$� ��;�/��� �� ���������#����(��.�.�!����)���������(9��� ���

��.�����!(,������� ��r�.��%

• :��F�� �����!$� ��;�/��� �� ���������#����(��������!()���r�.��%

:��#������!����� �(�!��.$� �!.�T��!(�.��.��������.�#���,!� ������ �/�����#���� ��!���!�����������.������;�/���G� �(�!���� �����!$� �%

:�(�!���� �����!$� �������(�������������������!�������������r�.��#��,������������(����!(,��!(,�%�'��!���!#��!(�.��.��������.����.������.���,!� ������(�/�����(%

'����!()��.$� �!.����.!�������"�������.)(��#��������.��.�����������!���%�N������.!�����������(���%�:������F�� ��F�� �����!$� �%

,�$������5��������5����������� ,�����5��������5�����������

�����"��

1�����

b'������"'��

`�������������&������*

5��"��,'������"'�

`�������

`�"'��������*���

;�,�������*�$��!������

1�����������������

3����������,������������

3�-��������������"��

6'����$��������

8��-����*���*���

���

6����R�������,���#������$

%$��(#����*

��G��������

/�������������������

��*���������$������

���

:��#�����()�������� ������r�.���;�/�� ��F�� �����!$� �%�1� �(�!�����������������������%

:������5�(���"�e���

&�!� ��G�� �,����!���#�����!,!����! ����%�&���!���������������!����(9� �,� �T

"� �++

"! �+� ��� ������SZ�FTJ�\�bQWQMFJWQMH�MFNz�

"% �+�����������]GFMFNJ�MFNz

"' +�

"# ���������7���; ��� ��<�=

" �� �������*� ��� �������>

"9 �

"& ������ ����*���������;<�=

": ������������,����;A����� ���A<>

�" ��B>

�� �

�! �������� ���*���������;<�=

�% ����������� ��,����;A����� ���A<>

�' ��B>

�# �

Page 208: Язык javascript ч 2 2

� ������� �;A����CAf�A�����������Af���������;<�=

�9 �������;��������,����;A����� ���A<<�=

�& �������� ��;<>

�: ����B������=

!" ������ ���;<>

!� ����B

!! ��B<>

!% �

!' B

N����F�,������ ��F��������!$� ���� ������.���!(.�!�����7���; ��� ��<��������� ������� ��%�

E������������������ ������r�.��%

e�� �� ������� ������ �(�!�����%

,�$������5��������5��e��� ,�����5��������5��e���

���� ����7���; ��� ��< ���;<�� ��;<

1�C������$������9���������5��

:�(�!���� �����!$� ���)����������.!��������(������!()�%

:���!���,���11&�/������ ��������.���(�"��%�1�r�.���)������!)�������� ���������������

�����#�.�!�����.!�������!�9��������!()�%�E���!(,������� ��r�.���.������)���!�������#���

�� ����r�.���;������%

N����.,�!��,!������������(�����������.�.��!����T

^� �������������� ��*

&!����� ���#�.������!��!�����. ����(�����.$� �!. %�P$� �!.���������$�!� �3Y(�F���

P$� �!.�4��#� ��9��#�!��������!F#�������G��������9���� �.)(���#���.����!���#�

�(�!���� �����!$� ���������(���%

:���!��!�����.��"� ��� �����;������(�����.$� �!. �.�.�����%�'����!� �:����!�F�#�

��������� �(��� #�����.!(���.�2��� �(�!��.$� �!.�#������.$���� �!� �����.!����%�:���

������#����������������#�.�!������!�� �#��!� ��(��.���(#����.$� �!.�����!��������!���

� �����%

:�� ��#�!��(������#���#�.��������9���� �.)(����.$� �!.�#��������������� ��:����

�! ����������(�"��%

:��!,!����! �����;���)������%�-���!��!�����.��!����.�������������(������������#����

���!�������������������������!()��;������� ����,(����������!���.��(�����%�Y(�F��

��9������:���������,����������,�� ���!(,������ �.�����#�.,���������!()��#���������

�����%

_���������������$ �

H��(�"��� ��!,!����! ������)���#�������.$� �!. #��%.%�.$� �!.(�����!���.(������ ��#���

������)���((�F���������!����� �����%

Page 209: Язык javascript ч 2 2

&!������������.� ������,� ��F��,�����!$� ��#�!��!�����.�������)���� �����������

�(�!������� �� ���������#�����,��.�����.�,%�o!�����,���!��!����� ���#���������F�#�

���!������� �> ��� �(�!�����D��)����!����� � ���#�������������!����!�#��� �9�#�

��!��������.�.�(,��#���/�����!��(��� ������F������!(,����������r�.��%

S�)� F������,��� �!���� �)�����;�/��.,�������!�������� �3� (�� �!���4�.$� �!.�#

.�!���!�������,!����(�F�%�:�(�!�� �G���!�����#������ ������� ��2�!�)���(��!���

> ��F�� �����!$� ����!��G�D%

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

&!����� ���������(�(#����3 �(�!���� �����!$� �4��.!���>.)(������D%�P�2���(����,����

����� �����,����� ����()��������!���%�H.�)��#�:�������!()��( ���������9����#�

.�!�� ���.���#�����.���.������.�(���� �!�. %�e� �� � �!����/���)��.���.����(�(��

��������� �����!(,�#���:�����)������!�����%

&!���!,!����! �����;����!���������.�#�.�!� ���������������� ������ �(�!����,�

����!$� ��%�&!��G������.���#����������������,����!� ���%�-��� �(�!���� �����!$� ��

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

_������������$�����*

Y�����)������� ������ �9���#�.�!����!������ ��(%�e���� �(�!��;����������%

&!,!�������������������.������%�:��,���(���#�.,���������!�����"����.!���#������(����

�!�� #��������.(�����! ���� � ��F�� �����!$� �%�&(�����)����� �(�!����,�

����!$� ����(�����.!���� �(�!�%

�������(�����5�������!����(

:�11&�!��������� ���� ���� ����� �� <���� T

• &!� ������ �� �;�/����.�#�.�!�����(�����.����(�!�����,��r�.��%

• &(������� �� �;����(���.�.����(�!�#���.������ ��F��,�.��%

S� �������!��)(������ �!��������)�(�3�!� ���� 4�>���������.!���������(��D���

3�(����� 4�>��������.!��D%

• :����.��Hll��)���.!�������(��.��!� ��������!����������,�.�����;�

�!(,�(#��r� � ��,�3�!()��� �����4%

• :����.��������)���r� ������!�������#�.�!������(���� ����.������ �(�!��

3��.���4%

U�!�����3�!� ������ �� <����4#�3�(������� �� <����4���������.��9� ���!���

11&%

e����.�.!������!�����"��� ����.���!,!����! ������)��������!����� %�:���.�!���

���.�����������/�,����"��������!���� �#������ �����������%

:����������������!� ������� �� ��)������� ��������.����%

Page 210: Язык javascript ч 2 2

:���������#� ��!���!���������������� �������!� ������� �� �T

� ���������7���; ��� ��<�=

! �� �������*� ��� �������>����_S\JcbNS�JSGKTS�Ha�_WcRHh�VcNTXHp�7���

% �

' ������ ����*���������;<�=

# ������������,����;A����� ���A<>

��B>

9 �

& �����

: B

&!� ���� �������r� ������.�.�.������$(�."��%

'��!���!#� �������!�����.�.�.�� ��!� ���� ������ �3����,���CT

"� ���������7���; ��� ��<�=

"! �� �� ���������K� �������� �D

"% �

"' �� �������*� ��� �������>

"# �

" ������� �;A����CAf�A�����������Af� �3����,���C<>

"9 �

"& ����������� �3����,���C;�<�=

": �������;��������,����;A����� ���A<<�=

�" ������������� ��;<>

�� ����B������=

�! ����������� ���;<>

�% ����B

�' ��B

�# �

� ������� ����*���������;<�=

�9 ������������,����;A ���A<>

�& ��B>

�: �

!" �������� ���*���������;<�=

!� ����������� ��,����;A ���A<>

!! ��B>

!% �

!' B

�(�."��2�!�����.� �3����,���C� ��� ������ �.���.����/������%

&/��(#������$(�."����,���!��������.��r�.�(#����.�������,�.��!(����� �����.����� �� ����

�����*�����%�P����#� �����(����(��)�� ��!���������!(,��������!����� #���(����(�����(��

���/�,���9�� ��,%

Page 211: Язык javascript ч 2 2

,� ���������!��������

&!� ������������ ��� ������.�.�$(�."��#����.�.�� �� ���r�.��%�&/��(� ����� ����������()��

����� ��������%

"� ���������7���;<�=

"! �� �� ���������K� �������� �D

"% �

"' �����

"# �

" �����������������7��� �;<�=

"9 ����_S\Jcb�T�SZ�FTJc�IFWFa�����>

"& ��B

": �

�" �������� ���*���������;<�=

�� ����������7��� �;<>���������bWH�JQTSM�E^aSEF�bFWF_QNS�NF�Zc_FJ

�! ��B

�% B

N�)�������,f�'�F�.��;�)� %�0����� ����� ���$(�."��#���!�!����� �����(9��� (�9��%�&!��

/���������.����)�����!���9�����������,������� ��!(, ���� ��������� �� � �����%

&!����� ��������#�����(���#�����.�#�.�!� ������(�������#���!��������� �$(�."��#����.�! �

�()��������>�!� ���(�D+

'()���(������!����� ���� ����!�9�����.�����#������������2���(���������#�F��.�%%�'������

!�"���%

&/��(� ����������(�F������� ��������#� � ����������f

D�����(

N�(����#� ��F���(�.�(����������(��������.(9���������������T��.!�����������%�P�.�/��

������+

H �� �#�.�!����(�������$!��"������ ��)���#��(�������� ����,����!����>����,%�jX��X�D%

:��!��� F����(����,����!���/�����!��� � !�9����.���(����!�����(�T

"� ���������7���;����@�<�=

"! �� �������*����>

"% �

"' �� ����/����*�� ���>����� ������ ���Zc_cJ�MFNYJK�]Jc�bFWFMFNNcz

"# �����

" ��������/����*���������;<�=

"9 �������������/���>

"& ��B>

": �����

�" B

Page 212: Язык javascript ч 2 2

:���F����(������. ���!����� ����#��/��(�!�����"���;��! �!. �.����T

������/����*���������;<�=

�����������������,����;A����� ���A<>

B>

-��� ��(�(9����������������� ����������!����� ���/���#���!����� ����.��������!������

��������������!(,���������;�/���)���(������������ �!F���������������� ��F��,�.��%

U�.����!���#�,����!���� �����.!���� �(�!������!�����"��#�.�.�!��������.!����<��.!���������#

�� ��������!()(��!�� �����!$� �%

o����!�����������!� ���!�� �����.�.��2������������� � ��)�������,���!�������%�1�������������

��.� ����� ���$!��"��%�S����������/$$�.� %

'�� ����������2,����!���!�������������������#����� � !�9������,����.�����������>��/���D#���

������� ����������(�����>��v����D%

/�����(

-��� ��F�� �.�������� ������ ����������������#���/���)���)�����������%

N��(���� .������������������������(����������2�����!��>CX��X�D%

E����� ������!���"������������������ ��������%

&!��� F� �����2�����!��������������.��������������!����� #��� �,������!���!����.T

�������/����*���������;���@�/���<�=

����/����*����@�/���>

B>

%%'� ���F����(�����!���������������������������� �� ������ ���� (�9��������T

� �������/����*���������;���@�/���<�=

! �����;���@�/���<����� ���;<>

% ������������� ��;<>

' B>

:�(�!���� �����!$� ���)���,.�������#�,� �������!)� ����!���� ������!%

E�, � � �!������������,����!����/�����������!�����/���T

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

Page 213: Язык javascript ч 2 2

o����!���������!�� �J�M

H !������ �������!��������������!����� ���� ��!���������. ���� �� �������������

,����! ��������! #���%�N��.!���!�� �� �#�,����!���������!�%

1������(���� � ����� !���������!�(��!��#�.!���IJm�%

o����!���������!���� ���������.��.!���� �(�!���� �����!$� �#�����,��.��������!�)������(��

.�� �� (T

• U�.�������T������,����!%�S� �����()�#�.,������������)������������������.�������,�

��)���%

• U�.�������T�����������!%�'��!���!#�$(�."���!�������

�����������5����8��������� ��5����8��������� �������� ���<(�!�����!�����.#���

����3,����!�4#�.�!� � � !�9���������������/������%

• z��������������T��������,����!��������!%

;���(5�9����� ������

-��������!���� �� ��!��"������� �����,����! 2�����! #�.�!� ���.�������� ���#���� �����

���� ���0���������0�������������������������� ����������%�&!��/����!����,�����#����

�� �����;<������!,(���� ��(���� � !�9������������#������!,(����������;�����<�;�(����� � ����

�,#����� ��)�%

U�. ������(��������#������� ��������������� �����.!��%�H��!(, ���!��#��)��� ���.�(���

�(����"����)�(���������� �� ���#� ���������� ����� �� ���#�$!�������� �,����!2

�����!������� �;<%

P!����,#����F� ����� ��������.����� ������ ������!�.�����)������%�U�.��(����#����

/��������������!���!��!��G�#������!����(9� %

:���%�$�"��"�OPQ���!%�����(

&!��"���!�������������!$� � �!���!��!���������������7%�'����!������#�����.(����������#�

��������.�#� �G����(��� ���%%

��72��!(.�(!����.�����.��������;��,��������%�:��F�� �.������������!� �������!�� ��� ��

( �)����� ����!�(���� �M�!����!�������(�������%

N��(�������$�.�"�����7����������(9��� ��������.���������r�.�������%

:��F�� �.������������!� ����)��(�����#��������.��������� �������/������%�1���)��� �� ����

������������/���;<#�.�!� � �!�G���������%

U�.����!����,�!����!(����� ��)����������������7#���� �������(������/������#�.����%

:��9�

• &!�����������r�.����()�������� ��F������(�������.��������!$� �#�.�!� �

�� �� ������������������,������ ����%

• 0�������� �� �#�.�!����()������ �(�!���� �!�����"��#�)���������!�����#���������

���!()����)�� ���������%

Page 214: Язык javascript ч 2 2

:���!���,���11&�� �� ���������#�.�!������(������.� �(�!���r�.��#����� ������

3�!� ������4%�:���.�!������.�����������"����� ������.���������.���� �� %�:��������������

�)�������� ����.��������!�������T

"� ���������7���;�������<�=

"! �� �������*����>����_GY�SZWQxFNHY�T�SZ�FTJc�Ha�MFJS_SE

"% �

"' ������� �����*�bcZGHINSF�\ESp\JES�7���

"# ���

" �� �� �������������*�bWHEQJNSF�\ESp\JES�7���

"9 �

"& ���������� ��*���������;<�=�bcZGHIN^p�MFJS_�7����B

": �

�" ����������� ���������Q ���R�=�bWHEQJN^p�MFJS_�7����B

�� B

&�!����!�.���!(.�!�� ��� �����.)��� ��������.��� �������!� �����%

W��#�.�!����������,���#���9�9��� �(�!���� �����!$� �T

• � ��������.�"��#�.(����)�������#���.(���;����%�Q�9�����r�.����� �(�!�������������� #�

.�!����,(��3�����4��,%

• ����� ��!��!��!���.�����!���.�%�:��,��������#�.�.����������,������� �� �������!()�#�

��.�.���;����%�-�������� �(�!���� �;��,��)��!�$�.�!����.�.�(,��%

• ��!� ������)�����%�V��!�����.#�.�!� ����������� �����r�.�#��)��� ��������.�

�!�� � ��F�� �����!$� �#�������!�,!(�.�����������,�$(�."���! ����%

1������(������ �������������� ��)�� %

0�����)�������3��!�����9�.�4#� �G� ������ �� �����.�!����(9��� ��������!����r�.�%

��72��!(.�(!��,!�$����. �.���������)��#��� ��)����#���������! ������ ��F��,�

��� �� ��%

U�������.��/�,����������)�#��%.%���7����(���� ���#����(��()�� ��(����� ����3�!� ����!F�,

���4%�-�����r�.�������;������� �G���!�����,%

N���,#������!��!�F������.��(���������������;�������������2,����!�%�z����!��!�F����

��.�����������;������2�����!�%

:�� !�������������!�����������������/�,��!��(���!������"����� ������.���%

�g

'���F����.���!(.�!�g��T

• H��!� �������� �� ������������u������$������������%

• H������!�������/����� �� %

• H�,����!����t���u���;<#�.�!� � � !�9�����������%

Page 215: Язык javascript ч 2 2

N)���!���������.T

� ���������g��;<�=

! ���+�EQO�TS_�+�

% B

' �

# ������*���B�g��;<>

�������t���u���;(jFJY(<>

9 �������?�����;(UEQNSE(<>

& �

: ����;�������t���u���;<�<>����jFJY�UEQNSE

V�F����

���

"� ���������g��;<�=

"! ���

"% �� ������u���f���u���>

"' �

"# ���������t���u����*���������;���t���u���<�=

" ��������u����*����t���u���>

"9 ��B>

"& �

": ���������?������*���������;���?�����<�=

�" �����������*����?�����>

�� ��B>

�! �

�% ��������t���u����*���������;<�=

�' ���������������u����-�A�A�-�������>

�# ��B

� B

�9 �

�& ������*���B�g��;<>

�: �������t���u���;(jFJY(<>

!" �������?�����;(UEQNSE(<>

!� �

!! ����;�������t���u���;<�<>����jFJY�UEQNSE

{1�.!���������(� �� ��.��|

�M

H��� ���.�������3z���4�>*?A�^D%

E���!$� �T

Page 216: Язык javascript ч 2 2

� ���� �C�*���B�,� �C;=

! ������$�]GFMFNJ

% B<>

' �

# �� �C�����;<>����\JQWJ

�� �C��� �;<>�����\JSb

1�������������#������()��#��)���������!� ������%

&!����)�������������������)����!������ � �����#����������!�)�����������

�!� ������ !������%

&!���!T�

E����� ��.(����T��B�A���?<h�ajX�C<�?A�^2C��<�`aXq%k�i?

V�F����

V�F����T��B�A���?<h�ajX�C<�?A�^<�`aXq%k�i?%

{1�.!���������(� �� ��.��|

�M

-�����������56782��!(.�(! T

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

! ��)�� �������*(����������(�jWS_cTJSESF�MFNz)��� ��

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

' ����)���) ����*(�������(�m^W)� �)����

# ����)���) ����*(�������(��SGZQ\Q)� �)����

����)���) ����*(���C�(�dSWJ)� �)����

9 ��)����

& )����

H��� ��������.�.�������%

&(�����!��.�.��������.�� � �������G����!)����%

&!���!�

!����T�

Page 217: Язык javascript ч 2 2

U!�� ����T

• E����( ������,�! �����>�����!�����.D%

• P�.������.�� � ����������!)����#������ �� �����!���%

• :����������!� �����#��!�����.��������� �������������������%

E����� �.�#���,� ����.!�����2!��.!�����T��B�A���?<h�ajX�C<iX`B2�?��^2C��<�`aXq%k�i?

V�F����

N��F���.���!(.�!�7���T

"� ���������7���; ��� ��<�=

"! ��������

"% �

"' ������� �;A����CAf�A�������������Af� �@���,���C<>

"# �

" ����������� �@���,���C;�<�=

"9 ����������@���;��;������<�<>

"& ������������ ���>

": ��B

�" �

�� �����������������@���;�<�=

�! ��������;�������;<�<>

�% ��B

�' B

1�!������ �������T��!�����.�> �@���,���CD����G���������#�.�!� � ��������� �� ��

>������@���D%

W����!�����.���(�����������#�� ����� �G�.�/��������>�G!�(���� ��vBX�@D���������#���

��!������ �� ����F�%

U�.�.������ ��������������������!��F�!�����#�.�)�� ������������� G%

&�� �.��7���T��B�A���?<h�ajX�C<iX`B2�?��^<�`aXq%k�i?%

{1�.!���������(� �� ��.��|

Соглашения в коде виджета

�� 3����4����(

�� V���!��,�F��� � �.��

�� E�,

Q������������!��#�.�.�(�F����!(.�(!�! ����.�#������.������(����(����!��!����� ����������!)� ���%

Page 218: Язык javascript ч 2 2

���!��'�!��2

V����!G����������,�F���������!���!������������������!� ������9�������%

"� ���[H_`FJ�bSGcIQFJ�SZ�FTJ�\�bQWQMFJWQMH� ��� ��

"! ���������7���; ��� ��<�=

"% �� �������*����>

"' �

"# ��������UNHXHQGHaQXHYf�NQaNQIFNHF�SZWQZSJIHTSE

" �� �������*� ��� �������>

"9 �

"& �����!��wZWQZSJIHTH���bWHEQJN^F�MFJS_^f�NF�QNSNHMN^F�VcNTXHH

": �����%��yQaNQIQzJ\Y�IFWFa�_FGFRHWSEQNHF

�" ������� �;A����CAf�A�����������Af� �3����,���C<>

�� ������� �;A����CAf�A�������������Af� �@���,���C<>

�! �

�% �����'��PQ_QIQ�SZWQZSJIHTQ����aQbc\JHJK�Nc`N^p�MFJS_

�' ����������� �3����,���C;<�=���

�# �������;��������,����;A����� ���A<<�=

� ������������� ��;<>

�9 ����B������=

�& ����������� ���;<>

�: ����B

!" ��B

!� �

!! �����#��wZWQZSJIHT�NF�bFWF_Q}J�SZ�FTJ�\SZ^JHY�E�E^aEQNN^p�MFJS_

!% ����������� �@���,���C;�<�=

!' ����������@���;��;������<�<>

!# ������������ ���>

! ��B

!9 �

!& ����� ��iFJS_�bSGcIQFJ�JSGKTS�NFSZhS_HM^F�FMc�_QNN^F

!: �����������������@���;����<�=

%" ��������;����������;<�<>

%� ��B

%! �

%% ������ ����*���������;<�=

%' ������������,����;A����� ���A<>

%# ��B>

% �

%9 �������� ���*���������;<�=

%& ����������� ��,����;A����� ���A<>

%: ��B>

'" �

Page 219: Язык javascript ч 2 2

'� B

V���!��,�F��� � �.��

V����!G��������!���.�)�� ��(�.�#��!�9��� ����������� ��)����F��.�%

�� E��"�����"���;� ��� �����������.��#������������������������/������������� ��)���%

-����� �� ����)���)����;����.��� �����%�'��!���!#�����.�����!�.��.��� ������

�!��.�.��;������,���7�,���!�!(������!��.�.�#������ ����������(�.�����,������%

=���� ����/.������!��(!��#� ���#� ��)�#���������� �9����.,������.�.���%

��������"�����"���������( �� �������.��!�� ���������#���.�.�.��!����,!(�.����!���"����

�)��������!$� �������� �����G������,� ��,%�e��������#���������������!�������.�.�

�)������!��%

-��������������������.��������"������/� �$����3��(����!(.� �4#���������!� ����

�)���������)�%�:�G2��.�#����"�����"���;�/��$(�������#������!����� ��)���%

�� :����"�����"�����!���G�����r�.���!,(���� � ��� ��#����������.��!,(���� %

=��(���#���.�.�.� ��)������������������� ����>�������������D��!,(�������%

�� 1�!�����.��(�F�� ������� ����������!� �����������%

H!� ������ ��$!�,������.��T

&�! � T��!�����.�;����������$(�."��%

� ����� �;A����CAf�A�����������Af���������;<�=���

! �����;��������,����;A����� ���A<<�=

% ����������� ��;<>

' ��B������=

# ��������� ���;<>

��B

9 B<>

:�! T��!�����.� ������������%

"� ����� �;A����CAf�A�����������Af� �3����,���C<>

"! ���

"% �

"' ��������� �3����,���C;<�=���

"# �����;��������,����;A����� ���A<<�=

" ����������� ��;<>

"9 ��B������=

"& ��������� ���;<>

": ��B

�" B

:�! ������(�F�%�E� ������(%

Page 220: Язык javascript ч 2 2

• P�����"�����"��#��������� ���� ��G�� ����!�����.�#��(���������������!�F���%�

'���)�����!���()�#������ �G���������������%�-��� ��������!�����.��;�

�(������G�.��!��������T����,��%

• 1�!�����.#�.�!� � ������� ������� �����#��,����� ��� �.��%�-,���� ������)��

����������� �#���������������/������>�����D����������>����CD%�

&(������( �3����,���C(%

�� 1�!�����.����������������!������,�! ����%

E�����, !�#� ����T

���������;A�����������A<�����C;���<

���������;A�������������A<�����C;���<

&�F�����.T

����� �;A����CAf�A�����������Af� �3����,���C<>

����� �;A����CAf�A�������������Af� �@���,���C<>

:�/�����F��������#���.�.�.T

• ��.!���������"�����"��#����������.����/������

• 0)���,.����������72��!(.�(!(#���!���9����/������#�,���!�! ����� ��#���,!()���

����! �!�����%�%

&/��(����,�! ����������(����� ����#�,����)�%�:���.�!��� ��)��2$!� � !.�����)��

���������"����� ��r�.���������� T

� ����SNVHRcWQXHY�\SZ^JHp$�\FGFTJSW�*��SZ�FTJ�\�\SZ^JHYMH

! ���������*�=

% ��A�����������A$�=

' ����A����CA$� �3����,���C

# ��Bf

��A�������������A$�=

9 ����A����CA$� �@���,���C

& ��B

: B>

=����r�.��.�$�,(!�"�����!���G�������"���� �$(�."��#��� ���� ���� ��)�� T

� ���_FGFRHWSEQJK�\SZ^JHY

! ����������������5�����;������<�=

% �����; �������� ����������<�=

' ��������� �;�������������� �f������� �<>

# ��B

B

9 �

& �������5�����;������<>

)� Q����� ��!�����.���������� ������ �� ��()�,��� �� ��%�P�.���.����!����#����

�����������;��� ��� ������ ���� (�9� �����%

'��!���!#� �3����,���C� ��� ���� ������ ��#��� �@���,���C� ��� �����������;�$(�."���

��!��/�����������%

Page 221: Язык javascript ч 2 2

H����!�����.��������������.�3!���!���!��F��F�,4#���� ��������#�.,������������

�������� ��)���#����������%

P����#�.���)��������.!��#����� ��!�����.�������� �G�;���!���!������������!�"���

���� ��)���%�'� ���.��!�������������� �)�� ����%�&!���������.��#�.,������!�F�� �

�)�� ��!�����.#��� ������������3���)���������+4�'���#������!���!�����#��!�������

!���%

E���$(�."���� �������������.������!���%�H!��(� ���#�.�.���� �� ����!������%

P!����,#��!����F���!�����.����.�� ��������$(�."���������.����9�%�0���(�����

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

H� 1�r�.������������G���� ��!�����.�%

:�����#��!�� ��9� ���!�"������� ��)���#���!���������F���()������(��!,(�����%

=���()��.�.�����!� ���,�!����������� �� � #���.�������,#������������)�����

����� �����������!�����.�%�:��(����������#������������@���;����<��)�������� ��(�(9��

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

c� :����������(������vBX�@2/������%

=�#�.�����)�#�������� �9�������(����vBX�@%

z��������)�����(����"��;�,���(�������72/�����#���,����vBX�@2.�."��#� ���/������#�.�.�

��.�/�� ��)�#��!��� ������ ��vBX�@%�P�.��!� �#��(������#���������� ���������� �

.��#�,��������!�!(��������������7�;�/���!�����.�������T

� ��������� �@���,���C;�<�=

! �����JcJ�`F�SZFWNcJK��������E������

% ��������@���;��;������<�<>

' ���������� ���>

# B

U�.�������.���!F�����#������� ���.���� �!� �;����(����T�3����� 4�/���������

�vBX�@2.�."��%�E�����()��3��� ��.� ��(�� 4��!��� ����/��������� ����$(�."��#� ����.T

� ���������������@���;����<�=

! �������*��;����<>����]JQ�\JWSTQ�NF�Nc`NQ

% �����

' B

:�)�����.������� ��G��!���������;���!�)������!�� ���������#���.�.�.���.��

�!��� �����;�/�����������������������2 �� �%�P!����,#������ �������������� ���

��,�������������!����������������#������vBX�@%

:��9�

:�F����!��������������� �!��!���.�������%�-��� ���������������� ���;�����,���!�F�,%�:�

��)���� �!�(�����.���������!�.��.�#��!��!�F����������%

�M

Page 222: Язык javascript ч 2 2

&�!���F����!�F������������H���.��� ���������>������ �F�,D� � ����.�������#���

����� �������vBX�@%

V�F����

V�F����T��B�A���?<]�AhCX�<X�X`�C<CX?X���]?X2?�C�2�Ai�A`X`�%k�i?

{1�.!���������(� �� ��.��|

�M

&�!���F������ ��!� � ����

.�������T�

E����� ��.(����� ����������!�F������������H� ��!� ��%

V�F����

&!���!���!�������,��� ��!�T

�B�A���?<h�ajX�C<C?�aX�2�Ai�A`X`�%k�i?

{1�.!���������(� �� ��.��|

�M

'���F����$(�."��2.���!(.�!�v ��; ��� ��<����,� �.�%

1����)����(�����/������ � ��� �������#� ����(�9� �!�����.�T

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

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

% ��)�� �������*(� ��(�")��� ��

' ��)�� �������*(��(�-)��� ��

# )����

Page 223: Язык javascript ч 2 2

&�.�.(����-���;������)��( ���� ���������(����F�����%

&(����� ������� ������v ��;� ��<��)���(����� � ������.(9�������;����������

,��%

:�������������������� �� ���(�����(�(���!� ������%

V��(����T�

E����� ��.(����T��B�A���?<h�ajX�C<�A�X�2C��<�`aXq%k�i?%

V�F����

V�F����T��B�A���?<h�ajX�C<�A�X�<�`aXq%k�i?%

{1�.!���������(� �� ��.��|

Свои события, подписка-уведомление

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

�� H ������������������r�.���

�� S����vBX�@

1�����������������2��������)��!��F�!��������!�� ������r�.��%�-�������� �)������� ������ �� (�����.�����!���������������#�� �������!(,��#�������(������.)���������������F��(�.������(�>����D+

&����!��3�����.�2( �������4��������#����������r�.����,(��,���!�! ������������������� ������������%

/������&(��"����6��!����-

&�!������#�.�.���()������!�� ������r�.��#�!�����!���� ����72����������/�������#�.�!����!���,�����vBX�@#��� �!��������,����!(,���$!� � !.���)�%

0�������jjX���� ����,���!�! �������/�����������������������u���#���!��� ���������������� ������e%

����,�� �������.����%

�� &�! � �;����;�����u���f�����e<#�,�������e�;������ ����!,(������������!�����.�T

���

� �;A� ��A<� �;A����Af���������;�f�����f����1<�=

! ������;������-����1�<>

% B<

' �

# �;A� ��A<����;A����Af���""f�!""�<>

1�!������ ��������;��!�����.��(�������! ����!,(������������%�=����r�.��

,���!�!(������ ��������.�������!)�������#��������������!������!����!�#�.�!�����������

Page 224: Язык javascript ч 2 2

�()��%�H�������������(��������%

�� :�! �;����;�����<#�,���������;��� ��r�.��������T

���

� �;A� ��A<� �;A����!Af���������;�<�=

! ������;��������-������1�<>

% B<

' �

# �;A� ��A<����;=

������$�A����!Af����GzZSF�NQaEQNHF

9 ������$��""f�������GzZ^F�\ESp\JEQ

& �����1$�!""

: B<>

H)��!�F���#�.�. ������.����(�F�%�:�! �;�,����#���! � ������� ���������!����!����;�

��,�����%

Q����������������(��������� ���� �! ������.����.�.�����,��.� ������.� �.���������������%

'��!���!#� ��!�/�������������(������! )���������������������T

"� ���

"! ���������������@���;����<�=

"% �� ��������*���������;A���A<>

"' �

"# ����������;=

" ��������$�A������Af

"9 ���������$������

"& ��B<>

": B

�" ���

:��F�� �.�#�.�!� ������!��,�! ������� ��!���������#������� ���������/��������T

� ���_GY�bS_bH\TH�NQ�\SZ^JHF�H\bSGKacFJ\Y�VWFpMESWT������

! ���ENFONHp�TS_$

% �������*���B�7���;=

' ������$��;A�� ������A<

# B<>

9 �;A�� ������A<� �;A������Af���������;�<�=

& ������;A[^�E^ZWQGH�A�-��������<>

: B<>

0��������.���

�!�����.�T�

Page 225: Язык javascript ч 2 2

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

0��������/�(�!(����!���.(#����.(��.�3!����4��!�(��!�����������%�:���������#�����

������� ��� ���%

&!����������!��������!�����.�#���������������!�����5����8������

=��!��(�������������. �!�����"�������� � ��vBX�@%

• P,����vBX�@������������!�����.�>����� �D�;����.�������,���!�������� �

���"���� ���!(.�(!��������#��!� ����� �.�/�����(%

• :�� ���������;A����CA���<���G�� �!������7�����������!����!� ����

/�����������!�������������/� ���!(.�(!�#��� ��� �;��!�����.������C%�-���

�������;� ������%

&!��/�����������!�����.�#��!�� ���,� ������ �����C�����.)�� ����#��� ��

���������,���!������5����8�������;�����)������!()���%

'��,���!�!( ����!�(��!����������

'�.,���������(���,���!�! �����!�(��!����������#����!���!�����C�������.��%

'����!������#����/���)������������������#� ��Md��(��� ���. �.���� �!������,�

�!��G������!���� ���%�&!������������%�H!� ������,���� �������%

S�F����$!��"����,���!�"���� �������� ����/������� ���)�����(����� ��.(�����"���

.���jjX�%

/������&(��"�����2&(-��&8����-

0)����������(��r�.�(� ��)�����,���!�! ������������������� ������������%

:2��! ��#���.(�� ��)�������G���vBX�@%�'��!���!T

���

"� �� ���*�=B>

"! �

"% ���bS\JQEHJK�SZWQZSJIHT

"' �; ��<� �;A������Af���������;�<�=

"# ������;�������<>

Page 226: Язык javascript ч 2 2

" ������;�������**� ���LL�����**� ��<>����\QM�SZ�FTJ�JS`F�F\JK�E�\SZ^JHH2

"9 B<>

"& �

": ���aQbc\JHJK�SZWQZSJIHT

�" �; ��<����6�����;=

�� ������$�A������Af

�! �������$�(dF\J(

�% B<>����dF\J

U�������.�#������� �� ������6������ ��vBX�@�!���� ������!����!��������!�����. � ������

�r�.��� ���>�vBX�@���� ���� ���,�� ��� �� �D%�&/��(�� �!F������ �)�#�������������� ��

���� ��������G!�.�� ��vBX�@%

E��������� �.�������#��������������,���!�"��������������r�.��� �����/�������;�

����������T��!��������������������;����<%

S������������/������T

� ���������������@���;����<�=

! ����������;=

% ��������$�A������Af

' ���������$���������;A���A<

# ��B<>

B

H�����������������r�.��T

� ���������������@���;����<�=

! ���;����<����6�����;=

% ��������$�A������Af

' ���������$���������;A���A<

# ��B<>

B

N���vBX�@T�������#������6�����f

:��������6�������)������� ���������%�'�(�/�,������#���.�.�.���

�!��������������/����� #�������������!���������������T��� ��� ����������r�.��#�

�����,���� ������ ���G���������������%

'��!���!#����� ��r�.�������������������#���; ��<����;=�����$�A������AB<� �� ���

/�������%

&�!�( �������T

���

Page 227: Язык javascript ч 2 2

� �� ���*�=

! ��������$���������;<�=�����;AMFJS_2A<>�B

% B

' �

# �; ��<����;=�����$�A������A�B<>����E^EF_FJ�(MFJS_2(

=�����������.!!�.��,��!����� ������!�����. #������������������!����vBX�@#����!��

!��������!�� �������r�.����#����.#�/���.!������!�������#���)���(���� %

e����6���������������)�������.���#���������#������(�����!���������.�."�����

/����� �>��������(������.������! �D#��#�������� �)�#���� �� �������!.�������

�r�.��%

>� �wxfT�k

0)�����������������������vBX�@%�N���������� ���� ��r�.���!�������T� �#� ��������%

:��;��!���!����!�����"��T

"� ��5����7�����*�=

"! �

"% ���++

"' ���+�jS_bH\TQ�NQ�\SZ^JHF

"# ���+�U\bSGKaSEQNHF$

" ���+������� �;A������Af������� �;����<�=�����B

"9 ��+�

"& �� �$���������;�����u���f�������<�=

": �������;2����������6������<�����������6�������*���>

�" �������;2����������6������������u����<�=

�� ����������������6������������u�����*���>

�! ����B

�% ��������������6������������u���������;������<>

�' ��Bf

�# �

� ���++

�9 ���+�jWFTWQxFNHF�bS_bH\TH

�& ���+������� ��;A������Af��������<

�: ���+�

!" �� ��$���������;�����u���f�������<�=

!� ���� ����������*�����������6������������u����>

!! �������;2�������<�������>

!% �������; ���*">��)�������������>��--<�=

!' ���������;�����������**�������<�=

!# ����������������������;���f��<>

Page 228: Язык javascript ч 2 2

! ������B

!9 ����B

!& ��Bf

!: �

%" ���++

%� ���+�nFNFWQXHY�\SZ^JHY�\�bFWF_QIFp�_QNN^h

%! ���+����������;A������Af�����<>

%% ���+�

%' �����$���������;�����u���<�=

%# �

% �������;2����������6������������u����<�=

%9 ������������>����SZWQZSJIHTSE�_GY�\SZ^JHY�NFJ

%& ����B

%: �

'" �������E^aEQJK�SZWQZSJIHTH

'� ���� ����������*�����������6������������u����>

'! ��������; ����*�">���)��������������>��--<�=

'% ����������������������;���f��������������;�������f��<<>

'' ����B

'# �

' ��B

'9 B

z��������� ����������5����7�����;��()���.��! ����/��������������,� ��!�� ��� ��r�.�%

&!���!������ ����T

� ���bWF_bSGQRQFJ\Yf�IJS�E�SZ�FTJ������\TSbHWSEQN^�MFJS_^�Ha�5����7����

! �

% ���bS_bH\TQ

' ����� �;A������Af���������;����<�=

# ������;����������;<�<>

B

9 �

& ���RFNFWQXHY�\SZ^JHY

: ��������;A������Af�����<>

&����.�)�� �����������2$!� � !.��!����� �����!���� �����,���!�"�������� %�1�������;������

�����.����%

N���#�����!����#��(��������� ������������ ��vBX�@%

�M

N�� ����������� �,� �.(#�������(�� ��������o� �.�%

Page 229: Язык javascript ч 2 2

&(����.�)�������������,�����! )��������������������T

� ��� ���*���B�v ��;=

! ������$��;A�� ��A<f

% �������$�#

' B<>

# �

�;� ��<� �;A�����Af���������;�<�=

9 ������;�������<>

& B<>

1�"��� .������ ������/�����������������������������������#���(�������"%

:�)�T

• :�������������,����)����!�� �������"���!��� ���#���!���

�������v ��#�.�!� ���,���!�!(���������%

V��(���������� �����.��� �F��

>����!(��� DT�

%

E����� ��.(����� ����������!�F������������o� �.�%

V�F����

�B�A���?<h�ajX�C<�A�X�2X�X`�<�`aXq%k�i?%

{1�.!���������(� �� ��.��|

�M

N�� ���� �!�F������������P������T�����.��� ���������������������%

1���)���!����� �����!��.�)������������� ��!�������!)��������.� ��!��������!.%

Page 230: Язык javascript ч 2 2

:� ��F����.������ �����!�����.�.�����.(#�.�!� ��!������������� � ��������.�

������� %

:�.����� �������,�.��� �������!�F������������P������T�����.��� ��������%

V�F����

V�F����T��B�A���?<h�ajX�C<CX?X���]?X2?�C�2X�X`�C%k�i?

1�!������ �������T

• �8�,���C����,���!�!(����������������%�=���!�����.#��,�!��;�!���!�����#�

����!������#�����!������!���(��()����������%

• :����������!���G��������� �������� ������%�P�� ��)�����!�� ���� ���!���(�

����,� .��/�,���������%�S������ �!F��������(����#�����/���!9�#�

��!��� ��������� � ��!������8@%�:�9�#�/�������;�/�� �(�!���������

.�������#�����,(������������� ��� ������#����(��.��������!()��.!� ���

��)������%

• P���(������������� � ������� ������(��$(�."�����v������;�����������

>.�)����$(�."���������� ��!���(D#������(�����.!��� ��,�����9G�,��2��

���������%

{1�.!���������(� �� ��.��|

�M

'���F����� #������������$!����� #����.�%

U!�� ����T

• 1�.!���������.!�������.�.(������, .%

• Q�.!��������.����!��������!�� ��!�����.�.����������!(,�������

�.(�����#� �������������!(, ����,���� ����.�%

• H������(������(��!�� ��!���"��%

• Q���������"����!������� ���!��(��������������>56782��!(.�(!������� ��������

�.(�����D%

'��!���!T

Page 231: Язык javascript ч 2 2

:��!���!�� �F��� �����.��#�������)������! �!�����!"�����.!����2��.!����%

E����� ��.(����T��B�A���?<h�ajX�C<�BC�AiCX?X��2C��<�`aXq%k�i?%

V�F����

V�F����T��B�A���?<h�ajX�C<�BC�AiCX?X��<�`aXq%k�i?

{1�.!���������(� �� ��.��|

Практика, практика, практика!

�)

H��� ��� ��� ��9(�����.��.(�����/������%

&��.��.���)����� �������!���� ����������/�����#���"���!(����������F��!��������� �!�(%�&!��(����.(!�!����/�������;���������%

:���)��������!����� ����������.��.�� ��$!� �����)�#��� ����.(!�!�������.(%

1�.!���� �� ��.��

H������� ��������.��.��.�/�����(T

� ��B�3 ����;=

! ������$��;A�����A<f

% ������$�([SJ�)��JQTQY)����bS_\TQaTQ2(f

Page 232: Язык javascript ч 2 2

' �����EFWJHTQGKNSF�WQ\\JSYNHF�SJ�bS_\TQaTH�_S�]GFMFNJQ

# �� �����$�!"����NFSZYaQJFGKN^p�bQWQMFJWf�bS�cMSGIQNHz��"

B<>

• :����.��.����/������#����.�!� �������� ���#��)���������!�� ��� �

5678%�1$!���������.��.���)������ ������*��%

• &��.��.������)��� �����������!�����/.!���#������������.������� �!�(�;�

�.��� ��������(�/������%

• 1�r�.�����.��.������)����������(����������� #���.��!� �����%

E����� ��.(����T��B�A���?<h�ajX�C<�AA?���2u�qXa2C��<�`aXq%k�i?%

}%�%�&��.��.�#����������#��)��!���� �������!����9��*��%�'���2���������

(�� �!������������ ������� G!��.�%

V�F����

&��.��.�

�(�."����.�������.��.���)����!����! ���.�����,���!�! ����/�����������.��. #���

������;��.������ ��()�����������!���"�%

1��(���#�.�.�/��������%

N��,���!�"������.��.����� ��� ���,�����(��$(�."�����3 ����5���;<%�1����(����

� !�9�����(9��� (�9� �/�����#�����������#�����������;�,���!�! ����� � %

� �����������3 ����5���;<�=

! �����;2� ����5���<�=

% ����� ����5����*��;A)�����Af�=

' ������(�����(�$�A� ����Af

# ����������$�����

����B<>

9 ��B

& ���������� ����5���>

: B

1�� ��������! .�� �������.��.��;� �*��2.������ ����%

'��!���!T

"� �� �����=

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

"% ���������$�"">��+�bS_\TQaTQ�_SG`NQ�bFWFTW^EQJK�_WcRHF�]GFMFNJ^�+�

"' ��� �����$��"���!"��>

"# �

" ���+�TWQ\HES\JH����+�

Page 233: Язык javascript ч 2 2

"9 ��������$������ ������%�:��>

"& ��� ��������$�'��>

": ������� ����$������>

�" ������$���������'�����%�����f����������>

�� �������$��%%%>

�! ��� �E������$�����>

�% ��� ������ �$�%���%���%�����;"f"f"f�%<>

�' B

P�.��!� ��������"���! �������.��.(+�N�������#���,!������%

W���!����.��.���)��������! ������"���!��/������#�.�!� �������

.!�����(������ �����;<������-������ ��������;<�!%

-������� ����� ����5��������� �/�����������;�!��(������(���� �,������

��.T� �

� ����5���������*������ �����;<������-������ ��������;<�!

N���������()���� ��(������.��.(����� ��(����� ��� �F�!���� � T

������*�� ����5���� ��������;<�!>

U���!������"���!(����� �!��.��%

=��,!�����!9�T��()�� �����.!�����(���/��������� ������������G� ���(����.��.����

��������� ����(�%

����, ���� ����� ����5���� ���6����;<����"

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

Page 234: Язык javascript ч 2 2

&! �!���#��)�( ���#� �F��!�F���������!������ ��)����F��.T

• &��.��.��.!!�.���!��������!���!.!(�.�+

• '�������(������ ���������� ��� ���� ��� ��+�Y(�F��;

� ��������� ���������>��#�����.!��.� ��vBX�@T�� ��D%

• :�!������.��.���� �����$"�!���)�����!��(�����/������#������.�.���! ��%

• =�����������.��. �,���!�!(��������������.�#��!���� ������#������.,���

���.��.����.�����G���+

• =�����������.��. ����"���!(������!���.���#�������!���������+�:����

/�����#����.�!����������.��.�#��)����������� G��)����%

P��!�F����

P��!�F����T��B�A���?<h�ajX�C<�AA?���2u�qXa<�`aXq%k�i?%

{1�.!���������(� �� ��.��|

�g

H��� ��� ��� ��9(�����.��.(#����(�9(�����.(!�!�%

• &��.��.���)����� �������!���� ����������/�����#��������F��!���������

��!� �2����(���.(!�!�%

• &!����!�� �)�����.(!�!�����.��.�����(���������%

• -���.(!�!���F.�����.<��!� �#�����������.��.����� ��������

��)���<�!� (��,!���"(�/.!����;��(������!�)������� �!�(<�� ����.(!�!�%

:���)��������!����� ����������.��.�� ��$!� �����)�#��� ����.(!�!�����!� � 2��)�� �

(,%

1�.

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

H������� ��������.��.��.�/�����(T

� ��B�3 ����;=

! ������$��;A�����A<f

Page 235: Язык javascript ч 2 2

% ������$�([SJ�)��JQTQY)����bS_\TQaTQ2(<

' B<>

-����� �������)�����T

• &��.��.������)���3�!,���4��!��� �)�������F�%

• &��.��.���)����!� ����!������#�����(���!���"��������!.!(�.�%

• :����.��.����/������#����.�!� �������� ���#��)���������!�� ��� �

5678%�1$!���������.��.���)������ ������*��%

• 1�r�.�����.��.������)����������(����������� #���.��!� �����%

E����� ��.(����T��B�A���?<h�ajX�C<�AA?���2iA��`j2C��<�`aXq%k�i?%

V�F����

H�����

U!�����������������F�����.����.��.�T

�� &!��� ��� ���;��.�����%

�� &!��� ���� ���;��.���������� �������%

�� &!��� ��� ���;���!�����%

k'��!�����������/�������!��������!��(����������T�� ��� ������ ���� ������G��)�%�

Q����� ��� ����.������.����� ��!���+�0)����� �����,���.� � ���� ��%

H����/����������.��.�T

� �� �����=

! ����������$��� ����>

% ���������$�"">��+�bS_\TQaTQ�_SG`NQ�bFWFTW^EQJK�_WcRHF�]GFMFNJ^�+�

' �����

# B

V�F����

V�F����T��B�A���?<h�ajX�C<�AA?���2iA��`j<�`aXq%k�i?

:��G�������� ����.���%

c% N���,#�������)������(����� ���(���F�!��(#����.��.(������������

�.�����%

�� &!���.����;� �)�#���������.��.�����.����������.(!�!�%�-�����.��

�!�� ���#�������� F����������� ���� �������(���!��������()�����

���.��.�#���������/������#�������!���.���������%

{1�.!���������(� �� ��.��|

�M

Page 236: Язык javascript ч 2 2

V����( �������!$� �����������!����!�����!�)�������F��%

&(�������!�)�����3�������4��!����� �����,�����(#���!� ���� ��!� �2��)����(,(#� ��

��.T�

1�.!���� �� ��.��

&�.�������������!����! ��)����������������������� ����!����!���%

H����.���T

� �������7��*���B�q���������;=

! ������$��;A��� ��A<

% B<>

' �

# �;�����7�<� �;(�����(f���������;�<�=

�����E^EF\JH�WFacGKJQJ

9���;A���� A<�����;(OHWHNQ$(�-������������-�(f�E^\SJQ$(�-������6����<>

& B<>

0�������� �!����!����!�)�����[q[#�����F��!��� ����������%

:���������.(�������B�A���?<h�ajX�C<�XC��X�]?X2C��<�`aXq%k�i?����������.�!���.�k�`a?X2CX%�`j����

�!� ,2��)��,�(,�%

V�F����

V�F����#�F�,�c

N����� �����!9�� ��,�������������������0@vA^�������"���! ���������.(���

��!� �2����(�@7o%�&!����)�������������������������(�!����!�%

Page 237: Язык javascript ч 2 2

*��2��!(.�(!�T

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

!��)������*(�� �����(���*(�� ��(�����*(�����$#""��>�����$!&!��(�

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

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

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

)����

:��F�� �0@v�����!�� ���������!����!�.�!���.����������� ���� �$�������%�:�(�!����,�

!���)��������������"���! ������3!(�.�4������� ���%

H���T

"� �������������=

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

"% B

"' ����������������=

"#���+����bWH�JQTSM�0/,3145�E�NFTSJSW^h�ZWQcaFWQh�HMFFJ��������$������f�E�NFTSJSW^h��������$�� �C

" �����F\GH�S\JQEHJK�������f�JS�bS_����ZWQcaFW�S\JQEHJ�bc\JSF�MF\JS�_GY�(hES\JSE(�ZcTE

"9 ��+�

"& ������� �$��� �C>

": B

�" �

�� �����������������=��+�bWQE^p�NH`NHp�cRSG�+�

�! ����������$���� ����>

�% ��������$�">

�' ������$�">

�# ��B���$�� ��>

� ������$�� ��>

�9 ��� �E������$���;������������<�� ������>

�& ��������$���������>

�: B

!" �

!�����������������=��+�NH`NYY�(WQMTQ(f�aQ�TSJSWcz�MS`NS�bSJQxHJK�+�

!! ����������$���� ����>

!% ��������$�">

!' ������$�%��>

!# ��B���$�""�>

! ��� �E������$���>

Page 238: Язык javascript ч 2 2

!9 ��������$��������>

!& B

!: �

%"����������������=��+�bWQEQY�(WQMTQ(f�aQ�TSJSWcz�MS`NS�bSJQxHJK�+�

%� ����������$���� ����>

%! ������$�">

%% �����$�">

%' ��B���$�%��>

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

% ��� �E������$���>

%9 ��������$��������>

%& B

N����������������������(������(. ��3C4�>CAB�k#�3�,4��2��,� �.�D#������������!� �

��!���;��(. ��3X4�>X�C�#�3 ��.4��2��,� �.�D%

E���� �������!��� ��������������������!� ������)������� ��!������ ��.!�����%

V�F����#�F�,�s

e,!���T

�� &!�����"�����"���I7���!��� ������ � ��F������!�.(���

�.��� �����0@vAQMH#����.�!��� ���� ���� ��%�1��!�.���()��#������

����������"���! ����0@vA^� �(�!����G���<��.(����!�)����%

�� &!������(������� ���� ��#���������� ����� �������� ���� �������,�����

.�!���.(����!����!#�����!�.(�;����.�!���.(%

R���������������������!�(��!��� �������������jy`y��A�#�

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

�� &!������(������� ������;�.��"%

V�F����#�F�,�[

V�F����T��B�A���?<h�ajX�C<�XC��X�]?X<�`aXq%k�i?

{1�.!���������(� �� ��.��|

�[

V����( �������!$� ����� ��!��$!�,���������!�)�������F��%

Page 239: Язык javascript ч 2 2

'�)�����������!�)��������! ��������F������

��!�T�

1�.

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

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

��������������!����!���� ��!��� ������%

H����.���T

� ��� �������*���B�, ������;=

! ������$��;A��� ��A<

% B<>

' �

# �;� ������<� �;(� �(f���������;�<�=

�����E^EF\JH�� ��TEQ_WQJf������� ����SJNS\HJFGKNS�HaSZWQ`FNHY

9 �����������f���� �f��������f��������

& B<>

• 1�������)�� ���!���#�� �,���.(!�!�� ���(����!�(�������� ���.�%

• 1����������)��� �����������!��������!�)����%

:���������.(�������B�A���?<h�ajX�C<��A���]?X2C��<�`aXq%k�i?����������.�!���.�%

V�F����

5678<*��

1������ ���������)��$!�����.�.�0@v#���!,�" ���#��(�!�!���� #���!��. T

� �� ������=

! ����������$���� ����>

Page 240: Язык javascript ч 2 2

% ��������$����������������C>

' ��� �E������$��t#05.%>

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

�������$�����; ������*%"<>��+�@5� �������+�

9 B

V�F����

V�F����T��B�A���?<h�ajX�C<��A���]?X<�`aXq%k�i?

1�!������ �������T��!�����.��� ���� ���� ��������� ��������� ������#�������/�����%

=������,#����������������,�������� �����������/������#����!�)�������� �!F����

�,#�� �,�����)�� ���F. ����!()�#� ����,�,!���"%

{1�.!���������(� �� ��.��|

�[

H��� ���!��.!� ��9������!���� ������������, .�����T

0�����)���� ���.!� �����2!��.!� �����#�.,���.(!�!���!� ���� ���,#���������

�!���#������������ ���,�

&!��.�.��������)��,���!�! �����������(������(%

� �������*���B�?�����7���;=

! ������$��;A���������A<f

% ������� �$��"""����_GHJFGKNS\JK�QNHMQXHH

' B<>

# �

�;����<� �;(������(f���������;�<�=

9 ���;(���������(<�����;�������<>

& B<>

:���������.(�������B�A���?<h�ajX�C<C?�a�`j2kA�X�2C��<�`aXq%k�i?������������72��!(.�(!������������

����%

Page 241: Язык javascript ч 2 2

V�F����

V�F����T� 1�

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

{1�.!���������(� �� ��.��|

�M

'���� ���� ��!������������H� ��!� ������ ���,!�$����.� �.������#�.�!� �(�����

� !�9���<�(�������������%

H����.���T

� ��������*���B�?����;=

! ������$��;A������A<f

% �����$��""����\GQp_FW�NQ�\QMSp�bWQESp�bSaHXHH�\SSJEFJ\JEcFJ��""

' B<>

0�������v�����(����� � ������������T

���������v����;#"<>

���� ��!���)�������� ��������T��������!��.�)�����!�� �)�������������!��

��(�.�������F��>(���� .����������D%

&!���!������ ����T

� �;�����<� �;=

! �������$���������;�����<�=

% �����;A������A<�����;�����<>

' ��Bf

# �������$���������;�����<�=

�����;A������A<�����;�����<>

9 ��B

& B<>

:�

�� �� ��T�

Page 242: Язык javascript ч 2 2

• N��� ���� ��!�#�F�!���< �����/����� ��)���������������� ���!���*��#�

����������������!,������2.�%

• W���!���,(�.���)���!����,�������������������%�'��!���!#����)�������� �

"���!�����Mn��!����.���(���cnn%

E����� ��.(�����;� �������!�F���������������H� ��!� �����H� ��!2.������%

V�F����

H���� ������������������ ��!�

P�.������ �������"����� ��!������������+

N��/�,�����!���.!� ��������������� ��!�%�N�(����#�!����!���,(�.���"��%

V���"���!��� ���� (�����������#���.!� ����� ������������(������ ���� ����"���!(�

���#��#���.!� �����!� �;�"���!(����#������!� �,!���"�T

H� ���� ���#�F�!���������������������(��������5������������������

�����5���������������%�N�����G��)��()�����������������#�.����� ���.��� ����

����������(���T

������4�v�����*�;�����5���������������������5���������������<������>

0)����(���������.#����/������������(�����!����#�����F�������"�%�'��!���!#���������

*��"""#���F�!������ ��!����"�>�!��,�cnnD#����(����"����.���������������%

E����(��������4�v����������)�����!� ��������"�����,(�.�� �������������!���%

Page 243: Язык javascript ч 2 2

P!� ����� ����������������5���������������!� ���(�#�.!� �����!� �;�.�.�!���F�!����

���(�� �����������5�����������������������5���������������%�&/��(��)��

�(�� ���������#����� ��,����������4�v����T

������*�7���� ���;����8������������4�v����<>

&���!�F����

V�F����T��B�A���?<h�ajX�C<C?�aX�2X�X`�C<�`aXq%k�i?%

{1�.!���������(� �� ��.��|

�M

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

P���!(.�!T

� ����������*���B�,������;=

! �����$�!"�!f����TQGFN_QWK�_GY�RS_Q�!"�!

% ��� ���$�!�����MF\YX���MQWJ�;NcMFWQXHY�\�NcGY2<

' B<>

H�����T

• �������;��!����������������%

&(������������T

• ���v����;����f������<�;�(����� � �������(�����%�-��� �! ��!,(�������#���

����������,���!�!(����%

• ��5������;<�;� � !�9������72/���������.����������� ��� .�� ��.(����%�

&!����! �� �� ������G����7%

E���� �����;���� ����� ��.(����T

����������*���B�,������;=����B<>

����������5������;<�������3 ;A� ��A<>

E���� �����;������.����������������� � ����������T

�������� �;(������(f���������;�<�=

���;A������A<�����;��������-AA�<>

B<

&!���!� ��� �� ��T

Page 244: Язык javascript ч 2 2

E����� ��.(����T��B�A���?<h�ajX�C<��?X`a��2C��<�`aXq%k�i?%�:���,� �����$� �������������������

���,���������$(�."����#� ����������;����,������3����;���f�� ���<�,���!�!(�������"(%

V�F����

�B�A���?<h�ajX�C<��?X`a��<�`aXq%k�i?%

{1�.!���������(� �� ��.��|

�g

H��� ������������ �����������������.�%

H���.�����G��������� �#����!���!T

"� �������*��

"! ��A�FGSEFTAf

"% ��A�F�nFEQWQAf

"' ��A~ZGSTSAf

"# ��AyScJZcTAf

" ��AyS�jQ\QWQN2A

"9 �>

"& �

": ����� � �������*���B�e�� � ������;=

�" ������$��;A������A<f

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

�! B<>

Page 245: Язык javascript ч 2 2

V��(����T�

U!�� ����T

• e ����������������������s,���� �%

• :������9� �����.���!�.!� �����.(����#��� �,�"��������(�.� �F���������#�

��!T������J`�X�#��.!���������.��JC���X%

• H�������������!����)�����J`�X�%

&���!).��.�. ���F�#�����.)���(����������.������! �!������!��(����#����,(�������

��� ���� ��(�(9��%

E����� ��.(�����;��(�� �5678#��(�������.��AAj?X���� �.������ �

V�F����

�B�A���?<h�ajX�C<�B�A�Ai�?X�X<�`aXq%k�i?

{1�.!���������(� �� ��.��|

�g

H��� ���������� ������������.�.(���!��.!������ �(�!�������(�.� ��!���� ������%

N��T�

&!�� ��!��;����������������� ��!���������������%

5678<*���;���� �F� .(�%

V�F����

V�F����T��B�A���?<h�ajX�C<iX`B2`XC�Xa<�`aXq%k�i?

Page 246: Язык javascript ч 2 2

{1�.!���������(� �� ��.��|

Шаблонизация в JavaScript

�� F��(4�����>��wxL���NQ

�� 0���T����F�����

�� H�!. ���F����

�� H����.����F����

�� �!�������F����� ��.(�����

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

�� P�.�!�������$(�."��� ��������������� �+

�� &!� ��(����F������"��

�� 3:.������4�F��� ��!(,� ��!(,�

�� e �����������!������������72(����

�� p���.��3���(���4

�� H ��� �������2��7

)� o���!�"��������! �!�������.�����

H� H)���������!.�

c� E�,

:�/� �,� �����!�����!���F������"���;�(���� ������,���!�"���56782��!(.�(!����� ��)���#�!�������� �!���������G������ ��!����.�(!�%

:��� ��)�����)��(� ��!������������!��,!(������,���!�"�����72��!(.�(!�T

�� &(�����,� � ���7���3)� ���4��,%

N�/�,�������#���F���� � ��)�� �(�����.��������������.���%�0����,����()�������#��.����� �G�����F�%

�� H��������7����.������������������%

:�!�����(��� ��()��,���!�! ������7����������.�%�'��!���!#� ��)���3���.��.�4��!���� ����������/����������G��.!��� (�����.��.(����.��� �����G%�=������,���!�!(����� �����������2.��%

E��.!��� �����, ��.����� ������ �� ���������������;��,��)��������!�� ������!����.���%

�� N)���(�����.�.�3)� ���4�()��,� � ���7#���.����������� %

S� ��������.#���� ��)����)���(������������!(,�%

'��!���!#���.�!�������6h���X�#�.�!� ��!����,!(�.���!��(��.��� ������.(9�����9�����>5678�,���!�!(����������! �!�D#����)������������.����� ����� ��%

P�.��!� �#���.�����������������"��%�S!�(��!�����!��.��� ����5678�����!�)�����,#���������� �������.(9�����9�������!���/��(%�e�������()����,!()�������rG��� �����������#�.�!� �(�������,!()������9���������! �!�#����� ����������%�%

H���! �������� ��)�� �;� �!� ����%�N�� �����!�����.�#�����������%

E���!����������������� �!,�����#���� ��������!����;����!����������%

)��2'��� ��E!�OPQ�����

N�/�,��������.!����!������������#�.�!�������(����(9��� (�9(����72��!(.�(!(%�U���!�����������.#�������(����,���!�! ����� ���7����������.�%

:�������������/���!����9���vBX�@2���� %��(�."��#�.�!����(����/��������������#���� G�����%�1����)��� �,��������.T

Page 247: Язык javascript ч 2 2

"� ���������7���; ��� ��<�=

"! ���

"% �� ��������*� ��� ��������>

"' �� ������>

"# �

" ���������������;<�=

"9 ���������*��;A)��������*(����(��A<>

"& �����;�����<�����;��������;<�=

": ������ �����*��;A)����A<�������3 ;����<>

�" ���������������;��;A)���Af�=

�� �����������$�A�A-�������Cf

�! ������������$���������

�% ������B<�<>

�' ����B<>

�# ��B

� ��

�9 �����

�& B

&���!���#��)�( ���#����.�� �F�%�&���������+�1�� �����#��������������,���!�!(�����.(��

��!(.�(!(�5678�>����� ���� (�9���������D+

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

! ��)���) ����*(����������(�����?����)� �)����

% ��)���) ����*(�����(�6378)� �)����

' ��)���) ����*(����(�,??)� �)����

# )����

�H.!��� ��,#���������������#��()�� ������������!�������.�#������!���!�����%�&!��G�#�/��;�

���vBX�@#���������������������������������#�.���9G�����������)�����(���%

ke���#������()��������������� ���� �5678+��e���#�����/����������������������!,!������(#�

.�!� ��������/���.�#��� �!����9�.(#�.�!� ���5678<*����!�.������.������#���/�����2.��

����� ��! ��+�:�!�������F��.��!��/�����F.�� ������� ���!��(������!����%

P��������#�,���!�"���5678��)��(�!�����%�N��/�,� ����(�����F������%

)��2'������&����-

p����;�/����,� .�#�.�!����(�G�������� .��������� �>��.�����9����#�"�������%�%D��!� !�9�����

���7<5678%

'��!���!#�F�����������T

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

! )���;�����<�����;������ �;<�=���

% ��)���) ����*(�)�*��������C��(�)�*�����������)� �)����

' )��B<>���

Page 248: Язык javascript ч 2 2

# )����

N��!���������.���F����������(��������"�������$(�."�������������#�.�!����!����� ������

$!� � !.��>����!�������D%

:�,����#�.�.����)������������������������� ������F����#��!��������"�������!���(T

� ���OQZGSN�_SG`FN�Z^JK�bFWF_QN�TQT� ��� �����������

! �������������;<�=

% �� �������*�����������; ��� �����������f�=������$�������B<>���

' �������*��;����<>

# B

=������������� �,������!9�#�����!� ����+�p������)��� ����!���#��� ����������)��

����.�������������������!��#�.�.� �G�!������%

/������(����&���(

p������������������������������,%�N�����������!�����!�����(�������#��!��)���(�N)���

V���,�������$�"�! ���(�� �������.��8A��Ck%�-�������!(,������$�.�"��#��� ��������)�%

H������!�����!��������.����F����#���������;�$(�."�������,��!���.�%

/�����������&����

:�F����#�.�.� ���� �!��.��()���������� �F�#������(�����5678������"�������!��������T

J��������N

P����)�(�!�����������)����������(���� ������3.�.�����4

J�K�������N

&�!����������� �!�)����� �(�!��)�*���������(���� ��� ���3.�.�����4%�'��!���!T)�*�

;�-�<+�;#<���%

J���������N

&�!����������� �!�)����� �(�!��)�����������(���� ��� �����/.!���! �����%�'��!���!#�

�������*�()������(#����!��md2�C���d�� �!��(���������G��)������%

y����������&����������$!����

p�����)���!�������!��������!���"�#� ��G�5678%�z������.���F���������.��� ���#���.������,

��.�?,q@43�����������!���������#����!���!�(�������������(T

� )����������KL���������� ��L���*(�������������(�

! )���

% ��)������; ���*�>��)*� ���>��--<�=���

' ����)���)�*���)����

# ��)��B���

)����

9 )�������

U�.����.!�������� ��������#�������!)�����,�!�!(������!�(��!�#������(����!��

��9�����6378%

Page 249: Язык javascript ч 2 2

&���(������ �����������������!��� �?,q@43#������)���������*(�������$� ��(�+�P�.� ����������#�

���(�F�+

V��.!����� ��

1�� �����!������;�F�����)������������#���)����.!!�.�����5678%�:�0@v����� ��������.!����

��,�;����,(��������!����%�e� ��.!������)����������������(,��#��,����!)�����������

�,�!�!(����%

P!����,#����!)����0@v��!�(��!��!����� ���#���� �����,� ���7��.(�����#���������� ����

����()�#�/��)��F���%

G$����"�t������ ��

N��!�������F����� �������.��8A��Ck������$(�."�������������;����f�����f� ��� ��<%

e!,(�����T

����

p���%

� �

1�r�.�����������%

�������

N��������������! .�#���%��.(�����"��%

=���$(�."���3���(�.���4���!.(�F��������r�.�������%�Q����� � !�9����!��(����� � ������!.�%

'��!���!T

���

"� )2���VQpG�\�TS_SM�OQZGSNTH����

"!)��������*(����$���������� �������� ������������� ��������"�:�!�� �������(�)�������

"% �

"' )2���OQZGSN�_GY�\bH\TQ�SJ���_S�� �������

"# )����������KL���������� ��L���*(�������������(�

" )���

"9 ��)������; ���*�>��)*� ���>��--<�=���

"& ����)���)�*���)����

": ��)��B���

�" )����

�� )�������

�! �

�% )������

�' �� �������*�� ���������5������.�@�;A�������������A<�����6378>

�# �� �������*�=�� ���$�#�B>

� �

�9 �������Q�ESJ�H�WFacGKJQJ

Page 250: Язык javascript ч 2 2

�& �� ��������*�����������;����f�����<>

�: ��� �����������;�������<>

!" )�������

P�.�!�������$(�."����%�Xi�?��X+

:�� �����������;����f�����<��������!����!������!.(��������!�������������!� !�9�����G� �

����������2$(�."��#��!����9�� �� ������ �������*�����t����� �;A ��Af�Ad��mdA<#�

,��d��md�,���!�!(��������������.���� �,������!���!����.T

� ������*���>������������������������

! B��; ��<�=����A ��A���bFWE^p�QWRcMFNJ�VcNTXHH

% ����������;()���(<>������������������

' ������; ���*�>��)*� ���>��--<�=�����

# ������������;()���(f��f�()����(<>������

��B����������������������������������

9 ����������;()����(<>�����������������

& B������������������������������������

: ������������ ��;((<>

�U�����#������������G��������� ����#�.�!� ��(�������!)����!��(����%�:���,���� ������>����D�

$!�,������5678#�����.)����!����������� �!�)��� �)�*�����%�P�����)�������.��!(����� �$(�."���3.�.

����4%

N��(��.���!��������F��������$(�."���������� ��������; ��<�=����B%

:�!���/�����/� �$(�."�����!���G�����r�.��������#��%�%��!������� �� �� ������;����<#�!��(�����

.�!,����(����,� ���!. %

=���� ���!"������)��!�������#� ����.T

� ��� �������*�����������;����<>����E^a^EQFM������������ZFa�EJSWSRS�QWRcMFNJQ

! �

% ��������*�� ������;����<>����aQbc\TQFM�SJTSMHGHWSEQNN^p�OQZGSN�� ������

' �

# ���

���E�_QGKNFpOFM�MS`NS�JQT`F�E^a^EQJK�c`F�\TSMbHGHWSEQNN^p�OQZGSN�� ������

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

• Y�����!����������)���������%

• '�� ����� ����)������������������!(,�#����!���!������#��� ��� .(�����;�

�.�����%

Page 251: Язык javascript ч 2 2

P�.�!������/�,������(�����[2 ��!,(�����$(�."�������������%�z��� ����.(�����"��#���

�,������ �

1���.��F���

z�#����� �F�����F��.�+�'��!���!#������.�����.��%

P����#�F��.���(�(�� ���.���#�.(���)���������%�p����.����!(����� �$(�."��#���

�����.#��.!��� ��,#��.�)���F��.(� ��� %�'���.�.�.����������(��! �� �$(�."��#���

������)��!���!�����#�,����������!����� ��������F����%

e����������,��������#�.�.�(�������F���(��� ���� (���$(�."��#�F�������!�

������� ����������$!��"���(������!).(�>!�����8A��CkDT��)����!������� ����!.(���

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

:�,�����/����.T

����������;����f�����f�=�� ���gq8$�(���������������(�B<>

U���!���!�����.�� �*k�AiX��)���(���� �����#����F��.���!���������� ����� ���� �

3������ 4�$(�."��#��� �$(�."���������,�� ���gq8%

P!����,#��!��.����"�����.���F�����.��!(����� �� �� �� ������� ��� �$(�."��#

��.�����)���(������,� �.���#����!���!�.�.���������������� ���%

�M

-����������T

� �������*��

! ��=����$�([Q\Y(f���$��"Bf

% ��=����$�(jFJY(f���$��#Bf

' ��=����$�(lFNY(f���$�!"Bf

# ��=����$�(iQOQ(f���$�!#Bf

��=����$�(kQOQ(f���$�%"Bf

9 �>

:� ��������� � ��������"��3e.85�3q�30��!����9��F����%

V��(����T

Page 252: Язык javascript ч 2 2

E����� ��.(�������F���. ����������T��B�A���?<h�ajX�C<�Xi�?��X2j��a2C��<�`aXq%k�i?

V�F����

�B�A���?<h�ajX�C<�Xi�?��X2j��a<�`aXq%k�i?

{1�.!���������(� �� ��.��|

�M

&�!� ��������������F����%�:������,#������3)� ���4��(9��� (�9� �/������;��(���

,���!�!(����,%

E���� ����T

"� ��� �7����*���B�7���;=

"! �������$�AjWS_cTJSESF�MFNzAf

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

"' ����=���C$�A������Af�����$�Am^WABf

"# ����=���C$�A������Af�����$�A�SGZQ\QABf

" ����=���C$�A��C�Af�����$�AdSWJAB

"9 ���f

"& ����������$��;A��������������A<�����;<

": B<>

�" �

�� � �7������5������;<�������3 ;A� ��A<>

p������������� �)����������*(�������������(���*(�������������(�%

V��(����T

E����� ��.(����T��B�A���?<h�ajX�C<�Xi�?��X2iX`B2C��<�`aXq%k�i?

Page 253: Язык javascript ч 2 2

V�F����

�B�A���?<h�ajX�C<�Xi�?��X2iX`B<�`aXq%k�i?

{1�.!���������(� �� ��.��|

�������$��"���&���� ���"

I,��2�����J���&��������$9�����$9�

Q�����(���� ������.#��������F�������� ����$!�,����#�.�!� ��)����� ������ ���,���

.���.����%

'��!���!#���� �������� � �����!����9����.,�F����T

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

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

% ����)��)�*����u������)�*����u�����)���

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

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

��)����

9 )�������

E�$!��"������� �������)��� � ������� �����.���������� ��� ��#� �����.����� ��� �#������

�!���;�.�.����.��.���!���� �������������.(���������%

:�.�)������/���� ��)�� ������� ��F����#�.�!����,(������� �������������������� � ���

��������%

H��� ��!�� ������;�� ���(������� ��� ����������������� �(�!���!(,,�F����T

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

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

% ����)���;�����<�����;��������;<�=���

' ����)���)�*����������;�;A�������������A<�����;<f����<��)����

# ����)��B<>���

��)����

9 )�������

=���(����!������#���F����.�)�� �!���.����!(�������� %�&/��(�����()������ ������. �

����#����!��(�����.�. 2��,����� ��r�.�#�.�!� �.�F�!(���F������ � !�9�����,�;������

!�����3�������;A������������A<%

e���!���� ��/�,�������;���!�������()�� �F������!���.���(����!�����(�����3�������T

� ����

! ��)���;�����<�����;������ �;<�=���

% ��)2�������3��������bFWF_Q}J\Y�JFTcxFMc�OQZGSNc�Ha�EH_`FJQ����

' ��)���)�*����3�������;����<��)����

# ��)��B<>���

Page 254: Язык javascript ч 2 2

���

E����( �����.(����!����(���� .�������F������!��!�F��������������)�%

�M

N�� ����.����������������0������F������(����� ��������@���;=�����B<#�

��� ��9� �� � ��(�.�%

:������������� �����������F������������������� � ����,�/��������� ��������,�

������� �F����������������������%�&!����������������(��������F����%

E���� ����T

"� ��� �7����*���B�7���;=

"! �������$�AjWS_cTJSESF�MFNzAf

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

"' ����=���C$�A������Af�����$�Am^WABf

"# ����=���C$�A������Af�����$�A�SGZQ\QABf

" ����=���C$�A��C�Af�����$�AdSWJAB

"9 ���f

"& �����OQZGSN�\bH\TQ

": ����������$��;A��������������A<�����;<f

�" �����OQZGSN�S_NSRS�]GFMFNJQ�MFNz

�� ������3�������$��;A�������������������A<�����;<

�! B<>

�% �

�' � �7������5������;<�������3 ;A� ��A<>

�# �

� � �7�������@���;=����C$�A���Af�����$�A~RS_^A�B<>��������3�������

E����� ��.(����� ����������!�F������������0������F����%

V�F����

�B�A���?<h�ajX�C<�Xi�?��X2iX`B2�aa��Xi<�`aXq%k�i?

{1�.!���������(� �� ��.��|

Page 255: Язык javascript ч 2 2

a����� ������%���!���(-���OPQ $ ��!�

S� �������(�"��#�.,������.������!���G�������/��������()��� � ��)���%�'��!���!#� ��(������

��������!�F������������0������F���������.����/������#����.�����/������g8�������.��

/����� ��)�������������#��������� ����� ���/�����������%

-������,���������!���! #�.,���.�.��2��/��������()��������������� ��)���%�E�,�����.���

��/����������� ����3��.�����!�.!������4#��%.%������� �/�������������2.��� ���������7%

0)��.�)�� �!��#�.,����()�#���.������T����������;A�����������A<%�'����������/$$�.�� ��;�

���������������!����!��,���!�"�����7����!�.!�����%

N��(���� ���)��� �������! ����/����!"���%�e������#��������� ���/������#��!��(�9���

�!�.!������#���!��(��� ���������������*(�����(%�Q�����������!��(����(��������� �� �#� �.�!��

�()����!���������.(����(��%

:�������������� ������.�/����� �����.�����!��(��������������� ���!�����(��������%�U�.����

/�������(�������(����.�.�������������%

"� ���������*�=B>

"! �������*�\JWSTQ�OQZGSN>

"% �

"' ���\ShWQNHJ�]GFMFNJ^�\�������������E�SZ�FTJF�������

"# �������������;<�=

" �������*��;����<>

"9 �

"& �����������;A+�������������A<�����;��������;<�=

": ���� ��� ��*��;���<�����;A������A<>

�" ������������ ���*��;���<>

�� ��B<>

�! �

�% B

�' �

�# ���_S\Jcb�T�]GFMFNJc�\������������*(�����(

� �������@����*���������;<�=

�9 ����������������������;�����������;���<�<>

�& B>

V��������� �F�����������������T

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

"! )��������*(����(�

"% �����

"' ��)��������*(����������(�� � � �� �� �K��L�����L�

"# ����)���;�����<�����;��������;<�=���

" ������)�*����3�������;���<��

"9 ����)��B<>���

"& ��)����

Page 256: Язык javascript ч 2 2

": )����

�" )�������

H����/������ �� � T

• ��� �!����� �.���!�.!��������)�������� ������� �$!� � !.#���.����.��.��������

�(����.!��%

• &!�����!� �����F����� ���#� �.�.��������������!� ��� �����%�:�!��(�������������� ���.�

�!�.!��������(������!�������#���������!���%�U�����#�����������F��� ��������(�F��

��9�9�����F��.%

?�&������I���$ ��-J

e���!���� �� ������.�F������"���;�/��.��! ����,� � ���72(��%

'��!���!T

���

"� )��������*(����$��� ���������� ����������(�)�������

"! �

"% )2���4.+0&(����

"' )�����*(������������(������*(�������$� ��(�

"# ��)���UMY$�)�� �������*(��������(�)��� ��)����

" ��)���[SaWQ\J$�)�� �������*(������(�)��� ��)����

"9 )����

"& �

": )������

�"����20&(#"&=.%1����������� ���#�-.7#3.%1�>.((;/

�� �����������C�g��u ��;����<�=

�! ����������;A�������������A<

�% ������� ��;<

�' ������� �;<

�# ������ �;A��Af�A����A�-��������<

� ���������;A���������A<�����;���������<����;<

�9 ���������;A�������A<�����;�������<����;<>

�& B

�: �

!" ���3&->.%1�>=.�)-0.�#-�4.+0&(.

!� ��C�g��u ��;=���$��f�����$�AjQOQAf���$�!#�B<�������3 ;A� ��A<>

!! ��C�g��u ��;=���$�!f�����$�A[Q\HGHpAf���$�!:�B<�������3 ;A� ��A<>

!% )�������

P�.� ���#�.���������������(�����,!������F�%�'��,��)��� �������! ���#����� � � �

��7����"���������!��(��#�.�!����(�(������ �������.(��� ��� ���%

p���.�����������. ���72(��#�������!(�����!��(��#�������.��!(��%�U�. ������!���� ��� �

������.����`A�^AB�%��#��`jB?��%��

Page 257: Язык javascript ч 2 2

/�" (�������� OPQ

&�"������ ��� �������2��7�;�,���� �F�,� ����!� �����3� ��!�.!������4%

:������,�.���(���������#�������.������3�!������������/� ���!����� �����F����� �� �� ��,�

��72/������4%�E��3/�������� ��()����!�)���� � ������.,2������.��b8<8I4%

U�.��� � ���(.��� ������ ���� �����2��7��!����9����!��(� #�������������������(�������"�������

������.�#�.�!������/�,�����������%

U�.���������.������#����!���!�/���������`A�^AB�%��#��`jB?��%��%

&!���!�!�����.��F����#�.�!� �����!)� ������ ���� �������.��g8�������� ���� ���T

"� )2���jWHMFW�OQZGSNQ�_GY�ZHZGHSJFTH��� �C ����?����

"! )m��z_H)�m�

"% )������������*(� ����$��� ���(�

"' ����)���

"# ��������UMY�NSMFW�)�� �����������*(����$�������(�)��� ��$

" ��������)�� �����������*(����$�����(�)��� ��

"9��������) ����*(�(����������*(����C$���������� ��4�� �(�D_QGHJK)� �

"& ����)����

": )����

�" )����������������*(����C$����4�� �(�kSZQEHJK)��������

:�/���F����#�.�.� ���#�(.���������!�����.�%�1����)���(�(���!� ������� ��������.�%

P�.��!� �#����/�,������(�������72F������"��#��������!. ��%�'��!���!#�� ����� �"�.��

.��!(���F������ ��� ����/������%

D�������"������������������������

H��� �����!���� ��(�� �;�.,����()������� ����F���������.�������������! �!�%

'��!���!#���! �!�,���!�!(�����!���"(�������.����9��� %�e����.������������������(������ ���

��9���������� ������%

P�.������������� �F����3��9����4#�.�!� ����!����������.�������������! �!�+

Q����������� �������%

• 1!,���� ����F������"����!����9������������������! �!�%�=���!9�� ��,#�������! �!����

����������������������������%�'���)��������!(,������. #�����������2��F����_O�,.�

����,!�!(�����������%�-����(���F����!�����"�������������2F������"����!����! �!� �������

�������#�}X�?#�}5}%

• E���� ����F���������,�.�%

-����F��������������#����!���!�iBC���kX#�.�!������!)��� �����.��������"�������

3.�����2��9��.�4�>3kX?�X�4D#����� ������ ���,�����.�F�������!(%

'��!���!#

Page 258: Язык javascript ч 2 2

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

! ��uuM� ��������vv

% ��)���==����BB)����

' ��==�����BB

# )����

�(�."��������������� �F�������!�%�'��}5}�/������.�#���������;��!(, #���������������;

.�.� �#��� �!��#�()���,������#�/���(����"�.��;�� ���<�����;���<%

:�!��(������������.���F������������.!��2���$!����� %�'�(������/�+�V�F���� ��#�

����!�.��.�������(��������!�����������/�,��������)�%

/*��������&����

H !����������������!,�����"����!�.��#����!���!��X�B��X��#��� ���� �������F������������

��!���"�� ���������$� �%�1�����.������������!���� �����������������%

:��!"�������!.����. �F�����(�����.����! ��� �$(�."�������!��G�� ����2$� %�N��/�,� �

������(���!.���()����� ������,��#��� ���� (�9� �F���� ��������#�

���!���!k���CT<<j��kB]%�Ai<�XX�jX`�@<�X�B��X�C2��?%

:��9�

p���������������,#�������������5678���.��%�=��(�!9����!��!���.(�������!).(%�P��

���� ������������%

• 0��!���!���������(�F������"������������.��8A��Ck%�-�������!(,��%

• p���.���� ����3�����!.��4���3���(���4%�&�! ���!��������!��!�� ��������!.�� �

$(�."��#� �!���;�.��!(���,� � �(��%�H�!.��;�����(�� �!�����%

• N���,#����������� �������������)��F�������.�������������! �!�#��()��������� ���

����������������! �!��>��.������_O������.��)�D#��������� ����F�������������������#�

���!���!�iBC���kX%

E����( ���F����� ������ F��#��!��!��!���.�� ��)�� %

Еще практика!

�)

H��� ����! � ����.�!�����#�.�!� � ���(�����.�.������ �.������%�U�����#��)�������� ���������(������(��!��(�(�/�,�.�������%

P���!(.�!T

� ������?����� �*���B�0���?����� ;=

! �����t �$�!"�"f�����NQIQGKN^p�RS_�E�\FGFTJSWF

% �����3 $�!"!"f�������TSNFIN^p�RS_�E�\FGFTJSWF

' �������$���B�0���;!"�!f!f%�<����JFTcxQY�E^ZWQNNQY�_QJQ

# B<>

Page 259: Язык javascript ч 2 2

H�����T

• �������;��!����������������%

0����T

• ���v����;����f������<�;�(����� � �������(�����%�-��� �! ��!,(�������#���

����������,���!�!(����%

• ��5������;<�;� � !�9������72/���������.����������� ��� .�� ��.(����%

E���� �����2���� ����� ��.(����T

����?����� ���5������;<�������3 ;A� ��A<>

E���� �����2������.����������������� � ����������T

�;����?����� <� �;(������(f���������;�<�=

���;A������A<�����;�������<>

B<>

&!���!� ��� �� ��T

E����� ��.(����T��B�A���?<h�ajX�C<a��XCX?X��A�2C��<�`aXq%k�i?%

}%�%�&!�� ��!������"�������)�������!�� �����������,%�z�������������(���[c�

$� !��%

V�F����

�B�A���?<h�ajX�C<a��XCX?X��A�<�`aXq%k�i?%

{1�.!���������(� �� ��.��|

�M

H��� ��� ��)���.����������%

1.��;�/��0@v#�.�!� ��)����!������#� �� F���������, .%�&���)��������3&����4�

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

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

Page 260: Язык javascript ч 2 2

H����.���T

� ��B�0��������� �;=

! �������$�(�QJ�\�jFJFp(f

% ����������$�6378�OQZGSN�STNQ

' B<>

• :��)���� ������!.!(�.�� �(�!��.��#�������9��� ���,%�H�9��������

�)��� ������� ���.��%

• 1.�������� ���9��������!�����/.!���#���)��!��.����� �)���������F�%�:� 2

�!� 2 �!���� �9������)�� ����������,!���"(#��� ����;���.���

��, .�%�&�!�( �����!���9�����,� ��!���!�#������( �����%

• N������������72��!(.�(!��.��������( ���F���%�0)��������������

���.�.�.�%

E����� ��.(����T��B�A���?<h�ajX�C<h�`aAh2C��<�`aXq%k�i?

V�F����

&��.��.�

• U�.�.�.� �������F�!����.����� �����#� G!��.�� �(�!���)������!)����������

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

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

.!������������� �������!��#� ���������.�����,!���"�%�-������;�

������������� �������.������� ��)���#��������� ����%

• '��$!��� �F�����!�����.� �������#��%.%�������J`�X�� ������!� �����G����

��! �!%

V�F����

�B�A���?<h�ajX�C<h�`aAh<�`aXq%k�i?

{1�.!���������(� �� ��.��|

�M

=����������� �������!�)�������������&�!��������.��%

&!��(���!���� ��)��������� �������.�.�.�%�&!��/����#�.�!���(�����$.(�#�

���� ����� �F�� ���%

1�9���(�!� �����.������)����(9��� �����r�.������ �7����%

H����.���T

� ���� �7��������3�������;�����OQZGSN�_GY�STSN<>

! �

% ���� �7������������ �;=����\Sa_Q}J�STNS�bS�OQZGSNc�\�aQRSGSETSM

Page 261: Язык javascript ч 2 2

' �������$�(�QJ�\�jFJFp(�������H�bSTQa^EQFJ�FRS

# B<>

9 ���� �7������������ �;=����Fx}�S_NS�STNS

& �������$�(�QJ�\�iQOFp(

: B<>

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

• 1.�����!�.!� �����!(,2�!(,�����������%�0�.������� ����������)��������

,!������T���c���.����� ��.�%

• E�$!��"�����.���.������)�!(���!���G������!���������%

• E�.���(�"��T����� �7����������(����r�.��0��������� �#����������� �

��7�.��%�1�!�����.��;���.�����r�.�%

:�.����� �������,��.(�������)�� �����!�F������!����(9� �

������T�B�A���?<h�ajX�C<h�`aAh<�`aXq%k�i?%�H.!��� ��,#�.����0��������� ����������������,�

��������#���� ����������%

V�F����

�B�A���?<h�ajX�C<h�`aAh2i�`�jX�<�`aXq%k�i?

N!(,���!�����"�����)�,�$(�."�������(�F� ��!����.�(! T�B�A���?<h�ajX�C<h�`aAh2i�`�jX�2

s<�`aXq%k�i?

{1�.!���������(� �� ��.��|

�M

H��� ���.�����!�#�.�!� ��.��� ����� ������"���!��(%�H�!�.���� �������������.(9�

����"%

P���!(.�!T

� ������4��C��*���B�0���4��C�;=

! ����������$�6378�OQZGSNf

% �������$�0����HGH�SZ�FTJ�=���f�� ���f����B

' B<>

-��������������������!����� � �����r�.���=���f�� ���B#��%�%��������#����������� ��!���%

H�����T

• �������;��!����������������%

0����T

Page 262: Язык javascript ч 2 2

• ���v����;����f������<�;�(����� � �����������������#�$!����;�.�.� �

.���!(.�!�%�-��� �! ��!,(��������#�������������,���!�!(����%

• ��5������;<�;� � !�9������72/���������.����������� ��� .�� ��.(����%�

&!����! �� �� ������G����7%

E���� �����;���� ����� ��.(����T

�;A� ��A<�������;����4��C����5������;<<>

E���� �����2������.����������������� � ����������T

�;����4��C�<� �;(������(f���������;�<�=

���;A������A<�����;���������-�AA�<>

B<>

&!���!� ��� �� ��T

E����� ��.(����T��B�A���?<h�ajX�C<a��X���^X�2C��<�`aXq%k�i?%

:�!�F����������( ���,� � �.�������;�.�����!�����������P�����!�%

V�F����

V�F����T��B�A���?<h�ajX�C<a��X���^X�<�`aXq%k�i?%

:��G���!��(��� (���$� �������������!�.�����!�#��%.%��������(����� �.����� ��

.�������%

{1�.!���������(� �� ��.��|

�M

:���(�����!�.�#� �.�!���������!� �����.�.����%

Page 263: Язык javascript ч 2 2

P��)�����#���3.!� �4�;���.!��� �#������.��! ���������F��.���%�:�F���������

;��������3.�.����4%

1�!���"T

1�.!���� �

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

1���������!����T

• &!������������!�� ����� ���/���������.!����������������%

• ����� .������.�� ���.�.���!��.!� ����(������������� ���/�������������%

• H����������.�������.�.���;�������������.����� ����/����� �������%

U!�� �����.�!�����"��T

• :���������������!� ��>!�,���D��()���!������ ���%�P�.�������;��!�������� �

����%�0)�� ������r�.��#��)��;��9G�.�.2�%

• &!,!������#�.�!� �����/���.�#��� ���������(���%�:�F���������;�

����� �����������!�,�� ������!� ���!���!�%

• 0)���������#������� �����!�,���� ��,��������������.�c���!.(%

• N�!� ��)���,.�!���������cnnn�(� �> ��!���!�����.�gMnD%

• E����( ��������(����72/����� %

H��.�����3�!���"4T��B�A���?<h�ajX�C<�kX�^]Aq2��XX2C��<�`aXq%k�i?%

}%�%�&!���(������������������!� �2�!��"�� �����)���?/u��������;SZ�FTJ<%�1��

�!� !������r�.�� ���!.(#�.�!(���)���)���� �$� %

Page 264: Язык javascript ч 2 2

V�F����

&(������������

N������!�,�� ��)���!������ �!����� ���%

'������������ ������!����� �������!� ��;� � ���� )���,��r�.��T�

� �� ������������!)�������!� ��%

:�,�����/����.T

"� ���� ���*��

"! ��=

"% ���������$�A{S\\HYAf

"' ������$��f

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

" ������=

"9 �������������$�A�FNJWAf

"& ����������$�!f

": ���������������$�������bS__FWFEKY������

�" ������Bf

�� ���������

�! ����B

�% ��B

�' �����

�# �

����.,� )���,��r�.�������� �)�� ��������.T��)����!� ������!��(��.�(�(���I�%�

'()��3�!�,���4�����!� (%

&/��(��)������������(������!(, � �!����T

"� ���� ���*��

"! ��=

"% ���������$�A{S\\HYAf

"' ������$��f

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

" ��Bf

"9 ��=

"& ���������$�A�FNJWAf

": ������$�!f

�" �����������$��������

�� ��Bf

�! �����

�% �

Page 265: Язык javascript ч 2 2

%%U�����#������ ����!)��� ���(�����!� �#���.�)�� �(����!����� �������������.������� %

'���/������ ����(���%�:�������������I���(�����������%�Q�����#��()���!���������

����� #����r�.�� ������*��=������$���f���$���f��������$��������B%

• H �� ����������)�����(��� ���#��������� ����%

• ���������� �.�����r�.����� ��������(��%�U�.�(�����%

• H���.� ��F����(� ���!� �����!)����� �.!�� ��(������������#�����*�"%

:���!��������������������(����!(.�(!(����(������G���������,���!� ���B�A���?<h�ajX�C<�kX�^]Aq2

��XX2C��<�`aXq%k�i?%

N�����

H.!��������(������������� ���������$!����#��������� �F�T�uX��k%�C%

V��(����� �$� ��>�����?/u��������DT��Xj�A`C%�C%

E��!� ����

R�����������������(�9������!� ����T

• &�!������� G!��.(%�:���������#������������.�� ���l�2����$!�������!��

��9��*��%

• 1$!����� �G� � ���� ��)������F����%

• E���� ������� � �!����!��,f�'��!�� ���� �G���!� ��!��(�>������!�� �����#�

��,���� ���+D#����!�� � �����!���.!����%

V�F����

�B�A���?<h�ajX�C<�kX�^]Aq2��XX<�`aXq%k�i?

{1�.!���������(� �� ��.��|