Язык javascript ч 2 1

270

Upload: fileevk

Post on 22-Mar-2016

238 views

Category:

Documents


0 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Язык javascript ч 2 1
Page 2: Язык javascript ч 2 1

•W!�������-!����*��=�.�-������OP?

•I��.�N�6'�C4'('1�X���Y8'�;�'4'�0�X

•K���-��!�����*����!���*���-

•Z*����-.��-��N��12'��[:\�'1�]^?_���O08('1�`��6('1�

•Z�����:08('1�a7���'

•b!�=!���-��N�.����&������*���&�������!��#

•,����������..#&�6'��0( 8�':��;4'

•T�����#��������*����R����!��-

•T�����#��������*��������.���!�"#

•c�����!��#

•I��-�����-��M�!!�.�����.�.��.�-�

•OP?�=���+����

•,��#���&�-��������.�-���.���.��������

•,��#���N��.!�-#

•b-���!���-����*���!#��.��#���

•I��*��!�����L�����.��#���

•b.��#����������S-��

•K��.�-������*��������*�����!�d

•����!��-#����!��&�!�-#������#��R����!�#

•K���+���-�!���.��#���

•e����!����������-�!���$��-���!��$�E9'5��0�G

•f���-��!���������������������&�2'�^�('08�EaaagG

•,��#�����#=�

•b-���!��N������&��!����&�������!��#

•,��#�����-�M�!��N�$(082'0'�h08�h(0'h4'�'h'1�'�$

•c���.�����#=�N�$75''4$����!���+�

•f.���!�!���>C�!�.�-��.����.���N�$/�%C'1�$

•�.!�-#�O��6i1iO�0

•O��6i1iO�0 ���L����-

•,��#�������-���*�#

•j���#N�.-��.�-��R����!��-

•j���#N�.��#����$5�16'$&�$�1 8�$&�$ �0 '��;5�16'$

•j���#N���������.��#����$289(��$

•,��#�����������#�$/082h948�$

•,��#����$012�044$

•,��#����$0140�:$&�$019'/0�'8140�:$���$01'��0�$

•,��#������+�*�������*��!���$01OP?�01�'1�_0�:':$

•I��-�����������M������*�����

•V!���"��

•���V!���"��

•c��-#��k����

Page 3: Язык javascript ч 2 1

•�����!���"��

•\l8'�;N��*�.�!�������+�����"��m-�������n

•b-���!��

•\l8'�;N����.��R����!��-

•U�-�+�"������\l8'�;�������"��

•Z����#����������#�.�OP?�m-�������n

•aaa�m-�������n

•,����!���+��J���.��S������!�!��-

•b-���!��

•b��.����+��J���.��S������!�!��-

•I��"��*�!�������L���!������+�������-�!��

•b!*���!!�����-!�=!����!���J��.

•,�+��=�!���-������-��M���

•,-���.��#���&������.���*-������!��

•I�������&���������&���������o

•e����!���"���-������� �

• p����������o

О чём пойдёт речь

�� ������

�� &������

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

-������#��������������(�������!������#�.�.��������/���!����%�0���(��������� � �������������������*��#������,(#��������.�.!���%

1���������. ��$�.�"�������������2!��!�����.����.�������� ���#��������������� ���!����" ���#�!�� �����.�.�#�3������.!��� 4%�1����.)����������� �!��������.��� �5678#�!�� ���������� �������� ���������� (����"������2 �!����9�.�%

:��������)���(����������������;���.�/����!��!���������.(����!(.�(!(�5678<*������/����� �(�!� ����#�.�!�������������#�����.�! ���(�)������(�����(���� ������ �� ���%

=���!��(�������,��������*��� ����������"���! �����/����� #� .�������.����!������������#�����#�� ��#� ������#�� ���� �#��� ��#�� ���� ������������� �� #�����.)��������.����!�������!(.�(!��.�������>*���?�@AB�CD%

0�,���)����������!����9������������%�E�������(�#���������*��#���.��������%�'�������/�� ����������(���%

-�����2���)�����������!���*���;�(�F��������/����!���*��%

&!�������!����;�.�.�����������)���*��#�������������9G��)���%�H�/�����)�����!���#�����������������������$������IJ�K#L�>IJM%M������ ����+D����.�����#����*��������(�� ������.�. %�N���� �IJO��)����������� ������,�%

P�.��!� �#���)������*������ ����)����;�����!)� ������!�� � �����,��!9�#�������%�&/��(� ���.������� ���.�%

P!����,#�������9G�������������%

Page 4: Язык javascript ч 2 1

Q���������������������)�������������������*��%

R�������� ������!����������!9�#�����������!F������������*���������������%

�� ����

'�)�����������3��.2���4%�-����������� �� ������.��;�/�����2��,����������� F�,��������/�,�!�����%

• S���������#� .����T

• ����#�������#�� ��#� ���� �

• ����.)�����������������������������������%

• U�.��T

• � ��

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

• V��������.(!�!����� %

• &��"���! ����T

• � ���� �#��� ��#�����#��������#�����������

• W���!�! ������!����9��*��

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

• *��.�!�T

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

• H��.�!�����#�������#������

• H�!���!�(��!�������� #��XCX�%�CC

��������

P��)�.���,#����!F���;�.�.� ��,��#���%

H�( �!���������,(�!�.���� �������(�9��T

• *��%�P��.����������"������ %�&�!����!(. ��� %�=!�.�0� �!%

• S�F���.��,��*��#�N/ ���0�.$�!���

• *���!(�� �!����#�N/��H���!���

N���� F����������!���������� ������(�����.��*��#��/��(��)�( ���#���(�����/�(�����,��������%�=����!.�����(�F� ������������"�������������()���(9��� (�9�������� %

Единицы измерения "px", "em", "%" и другие�� ���������������������

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

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

�� '��.�(�������!����T����F����! ����

-�����!���� ���������"������!����� �*��T���#�������%�1��������;��!�� ����������%

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

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

• ����;�������.���%

Page 5: Язык javascript ч 2 1

• ����;���.(9� �!����!�F!�$��%�:���F���� ����2���������!�(��! �F!�$����(�������

������!����!�� ��%�0)���!����������!�!"�������.(9�,�F!�$��T�!��#�"�#�����%�%

• ���;��!"�������!(,,�� �� �#�.�.,�;��� ��������,#�!����!���,���� ��%'��!���!#��!��

(���� .��� �� �����������$��#��!"������!G������F�!����!������.,��.�#��%�%������������(����!����!�� ����F�!����!�����%�Y�F���!��(���� .��� ��������!"������!G��������.(9�,�!����!��F!�$��%

=���������������#�.�!� ��!� �����.�F!�$�(� ��,��%

&!�� ����������"������!����T���#���#��������T

• &!�� ���������.���T

• ���>��D�Z�%�&��

• ���>��D�Z�%&��

• ���>�(�.�D�Z�'�%���

• ���>��.�D�Z�� ��

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

Q������������(����(,(������� ������#������� �!��(� ��#����� �� �(�� ������� ��#�����������#��� �!��.�� ���.T�3&���(� ���/��������"���� ���������.���+4

:���������#�����(� �������������!��������!)�����! ��[O���.��� +�:������.����;�/��

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

%%:�G���� ���#������������������ � ��(���.�������3������!��� �����/.!���4#���!�.��!����.��.�!,�������� ����"�$�.�"��#��� �������������!����������%�&/��(��� �!���(.�������� �F��!� ���� �%

• &!�� �������F!�$��T�����;� ������(. ��(�(� ���.(9���F!�$��%�=��������"������!�����

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

&!�� ����������"��!��.��)��( ������ ��!�.���#���.�.�.������ ������#� �9��, !�#���������������%�N���������� ���!����! ���#���#��%

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

\X]^�����.)������!)� ���������"�������!� �.��������!���*���_�?BXC��`a�b`��C�[T

• ���;�cd�F�!����.��

• ���;�cd� �����.��

• �����;��������F������>��#���D

���������

U���!���, !������� � �!����"����)�(����>���!�� ����������,D������������������%

V����!�� ���.�����;���������%�1�������� ��������,#� �.�.�����������������/�����T

� )��������*(� �������$!'��(�

! ��!'��

% ��)��������*(� �������$!'��(�!'��)����

' )����

Page 6: Язык javascript ч 2 1

!'�������������������!'������� ���!���"��������#���$����������$�

V����!�� ������;�����������%�1����!�������������.(9��(�.���.��(T

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

! ����#��

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

' )����

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

e��,���������(�"������!"������T

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

! ���#"�

% ��)��������*(� �������$�#"�(��#"�)����

' )����

������

V����"����)�(���������� �������!��(���� .���!(,���� �� #�.!���!����!��F!�$��%

:�/����(����������!"��������� �������� �� �#����!���!#����������������/��F�!���< �����

!�����%�e���� ��,����!� �����.�F!�$�(%

#����$�����"�%��&��!�'�!�����&��������

P,��2���� ��������!�������F����! ������!�(��! ���.!!�.���!�����������������

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

E�����, !�#����������������)����,���-�����9G�.�.2��( ���� �����F������!���"�#���

!����!�������( ���� �����.!!�.��#�����.���������� �����3.�.�����4%�S����.!��� %

Page 7: Язык javascript ч 2 1

N������!� �����!�����(9��� (�����)��� ������ �������(�/�����!������.�.����������%�'� !������

���������#��� ��!��������F����! ������� ����!��������!����%�&/��(�/����!��������

�.�(����%

H��!(, ���!��#�������F����! ������!���� ��������������<*����2�!�)���(�(����������������

�����"�T�������%

�M

H��� �����!���"(���.��.����3 �!�2 ���4#�.�!����)���( ���� ���<(����F����!����!�

F!�$��%

U�������.��( ���������)���(9��� ������������������ ��������(�./01�!���� ������#�

�������$�.�"����!(,������� ����/����� %

&!���!���. ���!���"�� ��$!� ��T

P�.��������"������!����� ��!���������������!����!��F!�$� ������. �

��!���"�T���#���#�������!(,��+

V�F����

'()������� ��������������%

P��!�����9� ���!���"�T

"� )20/,3145�6378�

"! )����

"% )� ��

"' ��)��� �������*(����&(�

"# )�� ��

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

"9 �

Page 8: Язык javascript ч 2 1

"& )������

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

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

�� ������� ��?����*�����@��;��� ��?���<+������-�A�A>

�! ��B

�% )�������

�' )������� �����C*(�����;��!#<(�DEFGHIHJK�L��>)��������

�# )������� �����C*(�����;"�&<(�DMFNKOHJK�L��>)��������

� )��

�9 �

�& )��PQRSGSEST)���

�: �

!" )��������*(� �������$�!#�(�UNVSWMQXHY�ZSGKOHM�OWHVJSM)����

!� )��������*(� �������$9"�(�UNVSWMQXHY�MFGTHM�OWHVJSM)����

!! �

!%)��[\F�]GFMFNJ^�_SG`N^�MFNYJK�WQaMFW�OWHVJQ�bWH�HaMFNFNHH�� ��������c�./01�)���

!' �

!# )������

! )�����

&�(������#�./01� ��!�(��!��������� �������$� ��%�Q����������� ��� ��""����(���� �

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

:�(�!������/�������������!����!��F!�$��� �����#��/��(�� ��������.�����F����!(����%

e�����(���#�������� ����,��2��!����!���+�&���� �����( ������T

���

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

"! �

"% )������

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

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

" ������� ��?����*�����@��;��� ��?���<+������-�A�A>

"9 ��B

"& )�������

": )������� �����C*(�����;��!#<(�DEFGHIHJK�L��>)��������

�" )������� �����C*(�����;"�&<(�DMFNKOHJK�L��>)��������

�� )��

�! �

�% )��PQRSGSEST)���

�' �

�# )��������*(� �������$!"��(�UNVSWMQXHY�ZSGKOHM�OWHVJSM)����

Page 9: Язык javascript ч 2 1

� )��������*(� �������$�!��(�UNVSWMQXHY�MFGTHM�OWHVJSM)����

�9 �

�&)��[\F�]GFMFNJ^�_SG`N^�MFNYJK�WQaMFW�OWHVJQ�bWH�HaMFNFNHH�� ��������c�./01�)���

�: �

!" )������

=������#�!����!�F!�$���.�!��������� ���#�����(�����!�)����f

:�/� ��������!������G�����!���"�#��� �G���)������� �!�������,!�$����.,�.�������%�

=���������,����!)����(�������F����! ���#�����!����!��������� ������������

�����"��%

Свойства "font-size" и "line-height"�� � �������� ��������������������� .����� ����� ��$�������������������� /��,�

0��*��$�������� ������&������������������������������������ ������&�

"��'����������*�

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

• � ��������������������� ���#����� ���������(+���$��"�'"���

• ��������������� ��� �����

1���������������������������$��������2

3�������!������������4

� )������

! ��� ���=

% ����� �������$�'"��>

' ��������������$����>

# ��B

)�������

9 �

& )��������*(� ��$������ �������(�3ddWWW)����

5���$�'"���'"�"����������������$�����* �!������������������$����3�!���"�

��������$�����#������'��*������'��"�����������$4

• � �������$�� ��

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

Page 10: Язык javascript ч 2 1

6'������������4������������$�� ���&� �������(�� !�����"��7����#��*���-����

�'����#������������

3��"��������������������-������������"���#�������������*������,��

���"+�,�����#�����8������������,������'��"�����9����������$��!#:����#��(�����������$�!�'"����������������*�����������$�!�#�� �����������!#+!�*�!�#�

;� ������������� ���-�"���� ��������������(�� �'"���������"+����������������

• 0��#��� �������������-����� ������"�������������������-����!��������

�������*����,����������������

• 0��#��� �����������������&�������� ������������������"����<������*=

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

)��*����� +���������� �������

"� )���

"!�)��������*(����������$��#>� �������$�"��(�

"% ��OWHVJ��"��)���\JWSTQ��#��

"' ��)���

"# ���)��������*(� �������$!"��(�

" ����OWHVJ�!"��)���\JWSTQ�%"��

"9 ���)����

"& ��)����

": �)�����

�" )����

"� )���

"!�)��������*(����������$��#��>�� �������$�"��(�

"% ��OWHVJ��"��)���\JWSTQ��#��

"' ��)���

"# ���)��������*(� �������$!"��(�

" ����OWHVJ�!"��)���\JWSTQ��#��

"9 ���)����

"& ��)����

": �)�����

�" )����

%$�����������"������,������'��>���

�������*������"+�,�������!"��+��#�*%"���

%$�����������"������,������������

�����"�������������,� �,�������

�������#���

1������� �������$��������������������������"��������?����'��*������$����

'��*�������������������������

,��&(��(-����$���"-�����!���$���"���%��� �������!�����!��*�����.������(#�����

��'$&��"#��� ���,����$���������*����������#�����������

/�������������������������� ����

@�*������������������������"�������� ���������������������%$,�����������4

����$������ ������ �e���f���������>

!"#�$%&'�()*(&�&+,-.%/01(&�)2.-.%1�3.'�4"#5%6�(.7"#'/"�8�� �6� ����������

92&"&:/((;<�=."#.(%������������� �".+&%.%1�(/�+)>/%�

8��������*�����-��������*���������� �������� �� ��������4

����$��������� �������� ������ �e���f���������>

Page 11: Язык javascript ч 2 1

?%&@&

���������

���������� ��'$#������'��*������������������3��"�����������-������

��#�$��������-�$�������������*������"+�,������� ����"���������������&�

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

���������

�������������@�������*�'����������-���$��$ ��������� ����&���$�'"���'"�"��

�$�����*���������,��

�������� ���� �A���A ����

8�>�������-���*�������������������*������� ��$��"������ ��'������ ����

�����

�g

-��������.�g8�8@%

"� dFT\J�EEFWhc�ZFa�SJ\JcbQ�SJ�\bH\TQ�

"! )���

"% ��)���iQOQ)����

"' ��)���jQOQ)����

"# ��)���kQOQ)����

" ��)���lFNY)����

"9 ��)���mQOQ)����

"& ��)���nSOQ)����

": )����

�" dFT\J�ENHac�ZFa�SJ\JcbQ�SJ�\bH\TQ�

V����!��F!�$�������!.��������������T

� ���=

������$��'�����#�o� ��f�����>

B

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

• V����!����(��T�! ��c���!.�%

• '()����� ������.�����!� ��*������������� ����.�!�#��)��

����� ����*��[%

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

Page 12: Язык javascript ч 2 1

V��(����T

1�.

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

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

V�F����

:��!�/�����

N�� ��!��/����� #�������������! ,#��)������� �������.�!�`�k2�k�?a%

-,� ��T���$���������;�-!<#��%.%�����G�����(�#��� ���� ������! ����(���� �! �/������

>�*"D#�����������()�%

V�F����

1���(�#�!����!�� ���(���!.(#��!������������$���#�;�/����#��%

&!� �T

��$���������;�-!<�=

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

B

&�� �.�� �������"�T��B�A���?<]�AhCX�<�CC<]X�hXX`2i��j�`%k�i?%

-9G�!�F����

-9G����� �!��������.�!�T����-���

���-����=

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

B

Page 13: Язык javascript ч 2 1

Свойство white-space�� ��� ����A������ ����� ��������������

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

����,������� ���� ���������������T

• �����������$�� ����;�������� ������

• �����������$����;���.��� ��G������#�.�.��(���$!���� ���,���%

'��!�(��!������!)� �����9G�[#�� �����.�!���;���.� �IJOl�������������%

����0���B� �

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

1���/��������������������������!����� �������5678��!��!���������.���T

��T

• ��!�������!���

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

� ���

• �����!�������!���

• �,�!�!(���� ����!��!� ����!.��>�����!��������.��D%

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

N���!���!�#�!�����!������(�9� �$!�,�����.��T

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

�������jSpJH�bSHRWQJK�E�JFNNH\

B

• �����������$���T

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

Q������!��������!� �����!.���!�����%�:�5678�/��(����������������������� ���� (���

��,�4q5%

• �����������$�� ���T

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

Q�������!� �����!.���!�,�!�! ���#�����!�����(9����!���#������!����!������;��)���

�����>���!���!#���!���.������!������D%

1���/�����������������!)� ������.!��2�!�(��!�%

E���� � ��������.�;���.��� ����������.��� ��!�%

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

��,�4q5������������ �F��������������������������/�,������ �(�f

Page 14: Язык javascript ч 2 1

Q �:���� �&(�.����)��������������. ���.��#�.�!� � ���������.��� ��!���������� G!��.(�

��!���"�%�:�(�F����(����;��� �����,!�����������!.!(�.�%

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

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

����B� ����������

=�������������������!)� ������ �IJ��� �!����O%

����B� �

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

��������

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

�!���%

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

• �����������$�������T

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

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

• �����������$��������T

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

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

5678%

'�.�������F��������� ����/����������������� ��#���������!���IJ��,�!�! �����!���(�>.�.2�� ���

!� ���(�������!�����D#�������� ����.��� ��!(� ���� ���$�������%

Свойство "outline"

.������� �����������>�����������*�"(�����"�����",�!������� ����������������������

�������3�����-�����������&�'��"����& �BCDE�

;������4

)��������*(� ��$%���� ��������>���������C������������(�

�rGFMFNJ

)����

• ���"� ���������-��������*����*�������&������4������� �������� � � ���������������"+���"���

• :���������� ��#�!��.�� ����������(���� (��� ���� ������*��%�&/��(��,������(��#�

.,����������� ����!��.(����������������!(,���*��2��!����! %

U�.�.�.� �������������������,!���"����/�������;� ������2!��.������� ��,(����!�.!� �����!(,�

�!(,�T

Page 15: Язык javascript ч 2 1

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

! �rGFMFNJ

% )����

' )��������*(���������C������������(�

# �rGFMFNJ

)����

%���������$������&�����������-��,��!����������&�������������������&��,���

���'�����

:����!�(��!�#�.!���IJmcn#���.)������!)� ����� �� � ������� �����#������9������(� ���������

��F�� �,!���"��/������T

)��������*(� ��$%���� ��������>� ������$�%���� ������>� ������� �����$#��(�

�[Fa_Ff�TWSMF�@5)��f�MF`_c�WQMTQMH�Zc_FJ�WQ\\JSYNHF�#��

)�����

@+>����������� �#�������������'�����*� �������������� �#���������#� ������� ��������'�����,�������������������������'�����

Свойство "box-sizing"�� 0��#���� ����� ��������� &!���!T�����!����F�!��(�.�!�����

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

�� V�F����T���������� �/�����

�� V�F����T� ����� �������

H �� �� ���������)����!��������������� (��������� �;�� ���� ������ ������� �%�:��� ���������� ��!���,�����������!�(��!��2!����(��!�.�(������������� �� ������������%

1������"�����������

�����������

=�������������(������%�:�/����(����� �� ������������������������#������������� �(�!��������%

����������

Q��������������������������� ���(<F�!��(� ��,�/������%

N����F� ���,�����������!������.�!���.(�/�,����� ��� ����������� �������T

� ����=

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

% ������$��""��>

' ��� �������$�� ���� ��;EEFWhc<�s�� ������� ��;ENHac<>

Page 16: Язык javascript ч 2 1

# �

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

9 ��������$#���� ����� ��>

& B

:� �!������(�����!�(��!���!�� �� ����/������!����!�� ��������������#� ���)����;�

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

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

�����(����������(.�����0/,3145#� �!�)����� ���������%

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

/���������F�!����!�����%

���!��'�%���������������$����������2

Q�����T���,�����/��������F�!���� ��F��,�/������#�������������� �G��,��!��!���� %�S���

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

'��!���!#��������#������/�������$!�����)����������. ,�!����!�T

"� )������

"! ��� ��=

"% ���������$�!""��>

"' ����� ��$�!���� �������>

Page 17: Язык javascript ч 2 1

"# ��B

" �

"9 ��� �������f�� ���������=

"& �����������$��� �C>

": ���������������$�#��>��+��������_GY�TWQ\SJ^�+�

�" ��B

�� )�������

�! �

�% )�����

�' ��)������

�# ��)������

� ��)�������)�������SbXHH)��������)��������

�9 )������

1��������* �#��'$�!������$������"�*�#>������������t/q72�3����'"������'�*��

!��,�����������*�� ���������������#���*����*���

��%(����B��������

&�! �#�����!������ �, (�;����� ���� ����@u4g3AQM�F�!��(������$��""�%

&�!�(��T

"� )������

"! ��� ��=

"% ���������$�!""��>

"' ����� ��$�!���� �������>

"# ��B

" �

"9 ��� �������f�� ���������=

"& �����������$��� �C>

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

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

�� ��B

�! )�������

�% �

�' )�����

�# ��)������

� ��)������

�9 ��)�������)�������SbXHH)��������)��������

�& )������

Page 18: Язык javascript ч 2 1

1������� �������"#������3��!���(��(�� �2�� ��%�����(��������"4

&!������;�F�!����/�������cnnd���(���������������.� �(�!���� ������#����

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

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

-����� ��!�F�����/� ��!����%

�������'���%���������(5�6��!���

0)��(�!������������ ���(�/����� �@u4g3�?585,3����� �!�(���.�)�� �������� �

��������� �0@v#�.�!� ��(����������� �������� �T

"� )������

"! ��� ��=

"% ���������$�!""��>

"' ����� ��$�!���� �������>

"# ��B

" ��

"9 ���+�cZWQJK��������� ���+�

"& ��� �������f�� ���������=

": ����������$�">

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

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

�! ��B

�% �

�' ���+�ENFONHp�����_Q\J�_HaQpN�+�

�# ��� ������=

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

�9 ����� ��$������ ��������C>

�& ��B

�: �

!" )�������

!� �

!! )�����

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

!' ��)���)������)����

!# ��)���)�������)�������SbXHH)��������)��������)����

! )������

Page 19: Язык javascript ч 2 1

%������� �!�����'�������;���"-�$����������*�$��!������$��������$���������������

��'��*�"(��������"��"(���'��" ��������'+�����('���������� �,���!��������������

���,� ���������������#�������"-�$�

P!����,#���.��!�F���������� �����)�!� ���� ��!������ ��!�(��!����� ���

/����� @u4g3�?585,3%

�������'�����������

H(9��� (����!(, �����#�,!�������������� ���� #������!����(9� %

&!����9��� �������$�� ���� ������)����.�������!�(��!(#����F�!���#�.�!(�������� ��#�

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

"� )������

"! ��� ��=

"% ���������$�!""��>

"' ����� ��$�!���� �������>

"# ��B

" �

"9 ��� �������f�� ���������=

"& �����������$��� �C>

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

�" ������ ��� �������$�� ���� �>��+�E�t��� ��Nc`FN�bWFVHT\�+�

�� ����� �������$�� ���� �>

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

�% ��B

�' )�������

�# �

� )�����

�9 ��)������

�& ��)������

�: ��)�������)�������SbXHH)��������)��������

!" )������

F$��&�����<����"(=�����"�����",�@u4g3�?585,3�������'�������&�!����������%>

����#����*���

Page 20: Язык javascript ч 2 1

H �� �� ������������!)� ������ �IJ����������� �!����O%

Свойство "margin"�� 6'G����������"���

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

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

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

)� 1�!�"�������� �������������� �� �

H� E�,

H �� ����������G�����(��� .!(,�/������%�����,���������.�.��������� #�.�!������������!�����!��%

7&8�������������$%��

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

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

� )����������*(���C ���$�����(�

! ��)�������*(� ������ ��D����C ���$�����(�

% ����

' ����)�� �������*(� ������ ��D����C ���$ ���(�jQWQRWQV��)��� ��

# ����)�� �������*(� ������ ��D����C ���$ ���(�dFT\J)��� ��

9 ��)���

& ��)�������*(� ���������D����C ���$�����(�jQWQRWQV�!)���

: )������

1�-�$������,����4�����>�����"�4����&������#�� ��-����"����;��'��*���

�������*�$�����"����,��+�������*�� �����#������������������������-�"�

����,���������#���

o!�������� ����(����)�(�/���������?4eu�>jQWQRWQV�����dFT\JD�F�!�#���.�.�.��!� � ���� � ��!��

�.��� �����%�&(��������#�-��#�*�%"��%

7����������(��� �������������

1�!�"����������������������� ���������������9����/��������� �,�����,������%

&!��/����!(,���/����������������� ��� F������!��!���� #� ��������� ���� �$��������#�

.,�������#�,������/�����#���������.�.����3�������4%

U�����#�/�������!�)������"����(���� ���� ���.�%

Page 21: Язык javascript ч 2 1

���!��'��(���� �9������

'��!���!#�������.(���������$!��"��������.���T

"� )������

"! ������=

"% ����� ��$������ ��������>

"' ��������$�!��>

"# ����� ��$��&�����!#�e���f����������>

" ��B

"9 ���!�=

"& �������C ���$�����>

": ��������$�"�"�"�&���">

�" ��B

�� )�������

�! �

�% )���

�' ��)��wZxHF�bSGS`FNHY)���

�# �

��)��yQ\JSYxHF�jWQEHGQ�_SWS`NSRS�_EH`FNHY�c\JQNQEGHEQzJ�F_HN^p�bSWY_ST�_SWS`NSRS�_EH`FNHY�NQ�E\Fp�JFWWHJSWHH�{S\\Hp\TSp�|F_FWQXHH��kWcRHF�NSWMQJHEN^F�QTJ^f�TQ\QzxHF\Y�_SWS`NSRS�_EH`FNHYf�_SG`N^�S\NSE^EQJK\Y�NQ�JWFZSEQNHYh�jWQEHG�H�NF�bWSJHESWFIHJK�HM�)���

�9 )����

�& �

�: )���

!" ��)��wZxHF�SZYaQNNS\JH�ES_HJFGFp)���

!� �

!!��)��[S_HJFGK�MFhQNHIF\TSRS�JWQN\bSWJNSRS�\WF_\JEQ�SZYaQN�HMFJK�bWH�\FZF�H�bS�JWFZSEQNHz�\SJWc_NHTSE�MHGHXHH�bFWF_QEQJK�HM�_GY�bWSEFWTH$)���

!% ��)���

!'��)���ES_HJFGK\TSF�c_S\JSEFWFNHF�NQ�bWQES�cbWQEGFNHY�JWQN\bSWJN^M�\WF_\JESM�\SSJEFJ\JEczxFp�TQJFRSWHH>)����

!# ��)������H�JQT�_QGFF���)����

! ��)����

!9 )����

Page 22: Язык javascript ч 2 1

:�%��� �������������������9�������� ��%� ���"����(������ �9�����������&����!�

� �!�=

! ���+�EEFWh�NQ�E^\SJc�\JWSTH�;��!#��<�H�Fx}�NFMNSRS�+�

% ��� ��������$����%��>

' B

V��(����T�

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

e� �#�����������!������� ������ ���� �T

� �!�=

! ����������$��������>

% �����$����%��>

Page 23: Язык javascript ч 2 1

' B

V��(����T�

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

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

�!��!���� %

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

1!,����(�����$!��"����(����2�!(,�(%�&(��������.�)�,���, .���(�������!.T

� )���

! ��)��PQRSGSEST)���

% ��)��

' �

# ��)��dFT\J�dFT\J�dFT\J�)���

)����

&!���!��.(����������.�������!.���T

Page 24: Язык javascript ч 2 1

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

N��.!������������#���������!.�6q����������� ��#������� � ���.��%�1�!�"������ �����

�����������)��T

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

! �

% �+�_GY�\WQENFNHY�+�

' ��� ���� ��=���������$��������>�����$��!��>�B

V��(����T�

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

1�!������ �����������!����"(���)�(����������� �,�f

• ���������������� ��(��#���������!�� ������.�"���.�%

• ��� ���� �����������!�� ���#��������� ��(���;� �!��(��������!� ���������(����

�!��!���� %

�)�������� ���#�����!�"�������������;���.���������������!���� ����"���! ����f

Page 25: Язык javascript ч 2 1

7����������(��� ����������������

1�!�"������������������ �� �� ��(��������2�!(,�(#���������������� �%

1�������� �,����/�����#���3(.!��� ���4��,%�U�����#���������!����!��.�����(����F�����#���

���(�9� �/�������(�����(����#����������F�����(.������� ����������� �� ����������%

'��!���!#� ��!���!����)�� �!�����!.���������������! (�T

� )��������*(� ��$������ ��������>�� ���������������� ��(�

! ��jFWE^p

% )����

' �

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

��[JSWSp�����_cMQFJf�IJS�E^\SJQ�bFWESRS�NQ�"�#���MFNKOF

9 )����

7������*�"(� ���#��������������$&������ ������������(��,�"'�$�

'��!���!T

Свойство "display"�� 0��#���� ����� ���� Q�������� ������ �C

�� Q�������� ����������

�� Q�������� ������������� �C

)� Q�������� ����������+

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

H� Q�������� �������������� ���������������

H �� �����������������,�!������������� %�1����#������(�������.��!��������T�� ��#����������� �C#����(����.,��2���!�(��!���!(,����������!)� ��%

'#������!�����IJL��#������#�IJOl#����� ��)��������� �������!(,�������������)�%�V�����!��������� ��������.%

Page 26: Язык javascript ч 2 1

1������������

H�����!������������%�=����������.��� �����#� �9�%�P�.��(����,������%

� )��������*(� ��$����� ��������C(�

! yFEH_HM^p�����;

% ��)��������*(����� �������(�~���NFEH_HM2)����

' <�mJSHJ�ENcJWH�\TSZST

# )����

1������������E

• S�����/�������!����,���������������!(,��#� �!��.����>�������������� �� �

���"���! ����#����!���!��� ��D%

• S.���!�������!��F�!��������� ������(��(��F�!��(%�0)��(.������F�!��(��� ���(�� �%

=���������������������,���/���������������(������T�0@v#���, .#���!�,!�$%

� )��������*(� ��$����� ��������C(�

! ��)��������*(� ��$������ ��������>������$�#"�(�jFWE^p)����

% ��)��������*(� ��$������ ������(�[JSWSp)����

' )����

I��������,�(����",�����","�������"( ����"��&����������

1��������������

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

• p�!������ �����/��������!��������������!)���(%�&���������������%

'��!���!#���� � ���/���������(������T�?4eu#����.�%

� )�� �������*(� ��$����� ��������C(�

! ��)�� �������*(� ��$������ ��������>������$#"�(��HWHNQ)��� ��

% ��) ������*(� ��$������ ������(�URNSWHWcFJ\Y)� �

' )��� ��

@���$���������*��������*����������"��$�� ����"���� �#�����-�"�

��"�������?4eu��e��*����'����7��������" �#��������*���JKLM�

-���!���)����/������� ���(��;��,�����(���T

)�� �������*(� ��$����� ��������C(�

��)�� �������*(� ��$������ ��������>�

Page 27: Язык javascript ч 2 1

�����$#"�(��Fa)��� ��) ������*(� ��$������ ������(�jWSZFGQ)� �

)��� ��

.����-����������!����������-����������*�������","(�����"�

&!��/���.�)������!.�� ���������!�)������ ���������������!��(,���.��>3?�`X�]Aq4D%U�.����

��� �2/����������������r����������!��(,���. #��� �"��#� ����������.�#�

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

'��!���!T

� ���)�� �������*(���C ���$��05.&&9(�

! ���Y��Y��Y��Y��Y��Y��Y��Y��Y��Y��Y��Y��Y��Y��Y��Y��Y��Y��Y��Y

% ���Y��Y��Y��Y��Y��Y��Y��Y��Y��Y��Y��Y��Y��Y��Y��Y��Y��Y��Y��Y

' ���Y��Y��Y��Y��Y��Y��Y��Y��Y��Y��Y��Y��Y��Y��Y��Y��Y��Y��Y��Y

# )��� �����

;��������5� 6��!����9����������&����!.����!�*�$���!���&" ��������&$����%�������

������'

� )��������*(� ��$����� ��������C(�

! ��)�� �������*(� ��$������ ������(�UNGQpN)��� ��

% ��)��������*(� ��$������ ��������>������$#"�(��GST)����

' ��)�� �������*(� ��$������ ������(�UNGQpN)��� ��

# )����

1�������������������E

=�����������;���������/�����#�.�!� ��!�)�������������� ���!.��>������D#����!��/����)���

������ �)����� �� ���.�%

P�.������ �2/�����T

• V����,������ ���!.�%

• V����!�(����� � �����������!)���(%

:� �G���������;�/���.#�������T

• =������ ��,����!��(,��� %

• V�������� �� �������������%

Page 28: Язык javascript ч 2 1

=������������������������(��#��������!������ ���(���!.(�������/������#� ���������!������

!����! %

'��!���!T

"� )������

"! ���=

"% ���������$���������� �C>

"' ������������$�� ��>

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

" B

"9 )�������

"& �

": )��������*(� ��$����� ��������C>�������$"(�

�" ��)���UNGQpN��GST)���%�\JWSTH)���E^\SJQ�OHWHNQ�YENS�NF�aQ_QN^)����

�� ��)��������*(�����$�""��>�����$�""��(�UNGQpN)����GST��""��"")����

�! ��)��������*(�����$ "��>�����$ "��(�UNGQpN)����GST� "� ")����

�% ��)��������*(�����$�""��>�����$ "��(�UNGQpN)����GST��""� ")����

�' ��)��������*(�����$ "��>�����$�""��(�UNGQpN)����GST� "��"")����

�# )����

.�������������������������������$������*������!������$���"���������,��'����4

"� )������

"! ���=

"% ���������$���������� �C>�

"' ������������$�� ��>

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

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

"9 B

"& )�������

": �

�" )��������*(� ��$����� ��������C>�������$"(�

�� ��)���UNGQpN��GST)���%�\JWSTH)���E^\SJQ�OHWHNQ�YENS�NF�aQ_QN^)����

�! ��)��������*(�����$�""��>�����$�""��(�UNGQpN)����GST��""��"")����

�% ��)��������*(�����$ "��>�����$ "��(�UNGQpN)����GST� "� ")����

�' ��)��������*(�����$�""��>�����$ "��(�UNGQpN)����GST��""� ")����

�# ��)��������*(�����$ "��>�����$�""��(�UNGQpN)����GST� "��"")����

Page 29: Язык javascript ч 2 1

� )����

1�������"#����������!�������� ����'��$���-�"�'������������(�����������'�������

JKLM��@��!������$������"��������"( �������� �,�����"(�����NOPOQRSTUV���&����

'"����

IJL���(�.����/�������������.����/����� #�.�!�����(�������������%

1������"�� ����F

H !���������!�(��!��>���IJK#LD��� �������� ��������"(�������/��������#��������� �������

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

N������"��"��.�������#������!.��;������� �#������� .��;���������������%�%

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

���

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

"! ��)��������*(�������$�� ������B(�

"% ����)� ���������*(�������$�� ��������(�UMY$)�� ����

"' ����)�����������*(�������$�� ��������(�

"# ��)����

" ��)��������*(�������$�� ������B(�

"9 ����)� ���������*(�������$�� ��������(�|QMHGHY$)�� ����

"& ����)�����������*(�������$�� ��������(�

": ��)����

�" )������

%�-����� �#���!�����������*�����������������'�����/���*�"(�����'�#�$����,����$�

�$#��������$���$��$�!������� ������$�������������

=���!F��������������. � G!��.������ �������� ���������F������, %

H���.���!������ !�����,�*��#��������3e.85#�3q#�30����%�%�;�/���!���/���������

�!���!���G������������������������T

� ���������=������ �$�������B

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

Page 30: Язык javascript ч 2 1

% ���������=������ �$������������� ���B

' �� ������=������ �$������� �� ���B

# �� �����=������ �$�������� ��� ���B

� �������=������ �$�������� �����B

9 � � ���=������ �$�������� ����� ���B

& ��f������=������ �$������������B

: ����� ���=������ �$������������ ��B

1�������!������,!������ ���������!����! �����!�)���������"�!���.��� ����������!�*���

s%c�2�6�]?XC%

,����������������������������� ��������

:�(�!������.�� �� ��X�����?2�?�j`� �!� �� �������!)������ �!��.��%

=���)������� �������"���!�! ����T

���

� )������

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

% )�������

' �

# )��������*(�����$�""��>������ ���� ��������D������ �� ������������(�

��)���rGFMFNJ)���m�NFHaEF\JNSp)���[^\SJSp)����

9 )����

WQQ�������'"�� �#��'$�����",������������'$�����"��"�����'��$4������� ��������F�-��

'$�*��������������������0@v �!������"����

&!��/����� ��G�������.�.���� .��30#������������!�� ���������!����!����!)��,���(�����

�!��.����"���!�! �����,��!����9��������������%

Q���������������$����������������!)� ������ � �����!�(��!��#�.!���IJmO%�:�IJK#L��)��

����� �������"���!�! �����*��2 �!�)��������!����(������"(%

1������"�������������������

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

���������

&�(��������������.�%�=������,���!�!(���.!����.�������!)������9G����.���

���!�>����.�D�����.�T

)��������*(����� ������������>�����������$������������(�jcNTJ��)����

Page 31: Язык javascript ч 2 1

������

-���������������G���� �C#������������� ������,���! ������ �2/������#��������

��!�)������ ��������� �C%

:��!���!����)����! � �0@v#���,��!���������$�����#�.�)����� ��(���� �(�!�� �!,%

=������������������!)� ������t��XuAq���IJmO#� �/�����!�(��!����!���!���!�������.�.�� ��

��������.�%

)��������*(����� ���������>�� ��$�!���� ������(�~�ENcJWH)����

)��������*(� ��$�!���� ��������C(��GST��GST��GST)����

.������-�

• vB��^C7AaXT�6kX�a�C�?�@�aX�?�����A`

• *���s%cT�6�]?XC

• �X�����?2�?�j`

Лишнее место под IMG�� 8�������������'���$

�� V�F����T��������/�����������

�� V�F����T�������� ����������������

�� E�,

E�,������@7o�3 �!(,4��� �������F��������%�&���!������/���,!���� ����������#�����(���.���� ������.�.�/�,�����)���%

<�!��������"�%��&��!(

'��!���!T

� )�������+�=�����$�">�������$�">�B�)�������

! )� ����

% ��)���

' ��)��������*(� ��$�������� ���(�

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

��)����

9 ��)����

& )�� ����

X�.�������YZOS[T\Y ]��������������BL^�_

Page 32: Язык javascript ч 2 1

&���!���� ��������f�:�� ������!�����������)�(�!��.��������(+�=�����(#�����!�(��!�

!���! �!(������������������������ � ���/������#�������(��� �������3� ���4��(. %

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

:��!���!��.�!���.���G!�(��� �.!���� �30%�U���"������!�� ���������!����!����!)��,#���.����

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

.!(,�@7o��(�����!(, �/��������� ��(.��������!����!�#�3��,��9� 4�.�!���.(��� ����%�S!�(��!�

����!��������!���! �! ������������@7o#���������������()�%

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

H��� �(�F� ����������)����/�,�;����� �����������$��� �C���.���.�!���.��T

"� )������

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

"% �����=��������$��� �C�B

"' )�������

"# )� ����

" ��)���

"9 ��)��������*(� ��$�������� ���(�

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

": ��)����

�" ��)����

�� )�� ����

&��������/�����������,����!���! �!(����%�&!�����������%

�������'� ����������� �� ����

e���#�������#���.�.��2���!������#���������������/�����������+

H(9��� (����9G��������������)�����!�����;������ ����� �� ��X�����?2�?�j`%

-���(���� ����������������� �� �#������ �2/�������(��������"���! ����� �!��� �,!���"��

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

&!��/����!�(��!�����(������� ���������������!�)�����#���.�.�.�������!(����!�)�������!.��

� �!�(#����������(T

"� )������

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

"% �����=�������������$�� �B

Page 33: Язык javascript ч 2 1

"' )�������

"# )� ����

" ��)���

"9 ��)��������*(� ��$�������� ���(�

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

": ��)����

�" ��)����

�� )�� ����

e� �#�.�.��!�(��!���!���������������� �� �/����(���T��)�����*(��������(��

H��!(, ���!��#��������!.����.(�����������#����!�)������2�!�)���(�� �������G�������#����!�(��!�

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

�����.�#����!�� �G�����������(������������� �������!.�T

'��!���!#����)�����*(��������(������*(�����$�"��(�T

U�.����!���#��!��(�����(����F�����9���������������.��� ��!�%�1.���������!�F��������

�����.������!�)��� ���������������T

"� )������

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

"% �����=�����������$�����B

"' �����=�������������$�� ��B

"# )�������

" )� ����

"9 ��)���

"& ��)��������*(� ��$�������� ���(�

": ����)������*(��������(������*(�����$�"��(�

�" ��)����

�� ��)����

�! )�� ����

V��(����T

Page 34: Язык javascript ч 2 1

:��9�

• &!�������.�!���.������ �����#��������� ������������3� ���4��(. � ���!.�%�H�!.��

3��!��(�� �����4#��%.%��������$������%

• 0)������)�����!���#���������������������#����!���!#������ �C%

• e���!���� �T�������������$� ��>���� �� �D#�����������.������!�)��� ��)���

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

Свойство "float"�� 1�����'������ ������ ��

�� `�������������

�� I����� ������ ���� 6#�������� ������ ��

�� ?�,����8�'��������������(

�� ?�,����.������� ���������� 0���������'������������

�� 3�����*�������(� ������ ���� 8�'���*�����������!�������� ���������� a������*�$������ ������������� ���� �$��� �������

�� @+����������� ������ ���� b������

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

�� �� ��$����� ����E������� ��$����� �� ��� ����E���������

H �� ��� ��� �*�����������������������%�N��,��� �����!���)����� ���.�������� ����

�!(,,��)������F���!����9������"%�'� ��,�!����������!����������� %�&/��(��,���,���

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

N�������!�����!��#�.�.�!��������� ��#�!����!G��!�F�������(��� (�9����!���#�����.)��!���

�������!�"��� %

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

H����.���T

��� �$������s�����s�� ���s�������>

&!���!���������/�,�� �� ���!����������(�9��T

�� =���������"���!(�����.�.�����#��������� ��������������.(��������.������ �,������ �

>�������D���� �!� �>������D����,�.�.�.��G�������,!���"��!�����#�����!(,,�

/����������� ��%

s% -����!��!���� ����,!����������� ����������,#������ ��������/�����#������� �,������

�����������!#��.���������G�����9�����%

�� N!(,��������"���! ������������/������������� ��� ��(���������.#�.�.��(���/�������

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

�� H�!.��>�`?�`X2/������D#����!�� #�3�����4���� ��������.����/����������!���%

Page 35: Язык javascript ч 2 1

-9G������T

�� =�������!����������� ����(������������$�� �C%�U�����#�(.��� �/�����(#�(�

.�!,�������$�������� �� ��� ��$���������#����� ��������.����������,������%�:�

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

E�.��������� ��������.�!���!��.�������������������������������������

���>��%wX?���A`Ck��C�]X�hXX`�xa�C�?�@y#�x�AC���A`y#��`a�xu?A��yD

�� p�!������ ��2�.���!��������������!)���(%�>*���s%c#�cn%[%MD%

�� :�!��.���������(��������/����� ����� �������� �����������(���������� #� ���������

�������������/����� %

=���.����.���!��%�N�������!�����!����!�����9�������!���!�%

=���������������!�

1��������! ����!������� ��� ��#����.�!,�/��� �� �.,��2������!��(����;�/�� G!��.��

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

'��!���!#� ����.����:����2&(�����.�!���.���#�.�!������� ���� �� ��� ���>���.�����5678DT

-,�56782.��>�.!���D� �,������!���!����.T

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

! )��dFT\J���)���

Page 36: Язык javascript ч 2 1

% )��dFT\J���)���

' �

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

)��dFT\J���)���

9 �

& )������*(%���(������*(�� ��$���(�

: )��dFT\J���)���

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

&���!��#����!���!#�.�.� �,��������������.��������u?A��T

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

�� =������@7o� ��������������.(��������.�%�E�����, !�#�����(�9����.����������� �����

�������.#�.�.��(����,����#������������ ��� F����������>���!�)����������,�������

�(�!�!���DT

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

�� =������@7o��� �,��������.������� �!� >�!���� ��$���DT

Page 37: Язык javascript ч 2 1

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

�� H�!.�#� ���������������/����� #�3�( �� (��4��� �����(��(�������(�����#����.���

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

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

&!���� ��$�����;� �G���)������#���.�@7o����9������ � �>���������9�����#�����������.�(�� ,

.!��D#�����!.��;����.������!� �

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

�(���/����������%

z����/��( �����#���� �����!�,!�$���$����!��.(#�����.)������������!�)���������,��!�!�����T

Page 38: Язык javascript ч 2 1

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

P�.� �������!��(�.�#���!�,!�$���!�����3��4��� ��%�&!��/�����!.�� �������� ��AQh������������.���

��#��/��(��� ���� (�9�����������!�,!�$���(���%

>��������� �

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

�����%

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

5678��(������. T

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

! �

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

' ��)������*(��������������(������*(!""(������*(�#"(�

# ��)����Q_W�Ha�\SEFJ\TSRS�McGKJVHGKMQ)����

)����

9 �

& )��dFT\J���)���

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

� �������������=

! ����� �$�����>

% �

' ���+�WQMSITQ�H�SJ\Jcb�_GY�TWQ\SJ^�;NF�SZYaQJFGKNS<�+�

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

������� ����$������>

9 ��������$������ ��������C>

& B

V��(����T

Page 39: Язык javascript ч 2 1

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

Q������#�����.�����������������3��!�(4�.�!���.(�����.�������� #������!�����(������ ���F�!��(%�

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

7�������%������ �

V����!G���9����(��������������� ������ �� ���� ��%

N��/�,� � �������!���)� �����(��$�����3:����2&(�4%�W��T

Page 40: Язык javascript ч 2 1

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

V����(����G#�F�,����F�,�%

?�9�@4�<�&���"�!������!���2

&�!�(����!������ ����H (�����:����2&(��T

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

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

% )����dFT\J�S�[HNNH��)���

' �

# )��mSEQ)���

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

9 )����dFT\J�S�mSEF��)���

V��(�������.,�.����(������!�����#����!���.��(����T

Page 41: Язык javascript ч 2 1

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

&!��F����(�9��T

• Q�, .�)�!�mSEQ)��!�������������� ���>��)������ �/�����D���!���)�����!��(�����

�!����(9�,���!�,!�$��)����dFT\J�S�[HNNH��)���%

• &�����,���G���� ��2/������;�.�!���.��3H �4%�1������� ��(�� � %�H,�����,!���(#�

��� �,��������� �,!���"�������.����������!(,����� ��2/������#�������!��F�

>.�!���.��3:����2&(�4D%

• U�.�.�.�(�� ���� ��$����#�������(�9� ���.������.�����G���!� �%

?�9�A4�/��5�������� �

0�#�.�����)�#���������!���)������, .�3H �4��������(����$!��"�����)��:����2&(��%

N��!�F����� ���.F� ��!������!��(����� �� �����%

H����.���T

��� �$������s�����s�� ��>

&!���������/�,�� �� ���� �,����/������ �����������!#��.�������.��������� ��A^��� �<��!� �<��

�������!�%

&!��������,�.���, .(�6!T

�!�=

����� �$�����>

B

Page 42: Язык javascript ч 2 1

V��(������(�� F�,���.����(������)��.�"��#��� �G��9�����������T

=�����������!�� ��()����!��.�%�'�.(����!������(�������� ��(���, .��3H �4+

U���!����, .�3H �4��!��,��������(������ ���(��.�.�!���.�#���(�G����G������� �� �#�������

� �,���F,����(��������� �%

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

/����� �� �����������.(����,� �!��� �,!���"�%

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

���(�������� ��(���, .���2�!�)���(�����#�����!����,������3��4�/��������� ��������

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

z�������!� �������(�"��#��)����� ������!�����, .���(�� ��!��)(���� �/����������

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

�!����T

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

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

% )��dFT\J)���

' �

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

Page 43: Язык javascript ч 2 1

9 )��mSEQ)���

& )��������*(����(��QWJHNTQ)����

: )��dFT\J)���

V��(������(�� F�,���.��T

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

• H �� ������,�!����! �#����)���������*(����$� ��(���(�������.�!���. ����� ��%

• Q�, .�)�!�mSEQ)��!����G������/�,�)����%�U�.�����,����(��(���� �����%

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

E��.#������(������!����,�����!(,���/������������ ��%�U���!��!�����!������(�9(����������%

E�2����,#�����.����� ���(��G�������.�#�!��������� ������������,������%

'��!���!#� �����������$!��"����:����2&(���.!��� � �/�����2.��� ��!)���������*(�� (�T

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

! �

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

' �

Page 44: Язык javascript ч 2 1

# ��)��������*(����(��QWJHNTQ)����

9 ��)��dFT\J�)���

& )����

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

� ��� �=

! ��� �E������$��0!.'&,>

% ��������$������ ������>

' B

V��(������(�� F�,���.��T

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

=���������� ���.������ ��� F������,!���"(�!��������� %

z����/�,�����!�����#������(�����(�������(�9��������.%

�����������������2���� �

=���������� ���������!��F�!�����#������ �������� )�������� ��%

&/��(#�����/����(����#���(���� .���� ���.��� ��!(� �G����!� ��T

� ��� �=

! ��� �E������$��0!.'&,>

% ��������$������ ������>

' ����� �$�����>

# B

Page 45: Язык javascript ч 2 1

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

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

<�&���������������"�6��!��������� �

N�� ���/���������������*(����$� ��(� ����� �.��"�.��� ��!����� %

1������ ���!����(����3�!������4�/������#� ���.�#���.��� ��!��(���������� ����������

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

H� ���� ���#���.��� ��!� �!������ �!����!�T

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

"! �

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

"' �

"# ��)��������*(����(��QWJHNTQ)����

" �

"9 ��)��dFT\J�)���

"& �

": ��)��������*(����$� ��(�)����

�" )����

V��(�����;��!� �������!�)����#�.�.��� ��!���!�� �F�%�1�.!����.�

-����� ���� ��������.�/�,�������;��F�� �56782/������ �!�����.�%

B����������(5���������� ����

z���������� ���� �56782.���F�� �/�����#��)����������,���!���$����%

� ��������$�����=

! ���������$�(�(>��+�_SZQEHJK�\S_FW`HMSF$�(�(�+�

%������� �$��� �C>���+�\_FGQJK�ZGSTSMf�J�T���������NF�MS`FJ�HMFJK�����+�

' ����� �$�� ��>���+�\�SZFHh�\JSWSN������+�

Page 46: Язык javascript ч 2 1

# �����������$�������>��+�\_FGQJK�NFEH_HM^Mf�aQIFM�NQM�JSITQ�ENHac��+�

������$�">���+�\_FGQJK�E^\SJc�"f�IJSZ^�NF�aQNHMQG�MF\JS�+�

9 B

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

&�� ����.�!�$������������!)� ������ �IJmO#���������!���IJ��!��������!(,��� �� T

���������=

��� �$��>���+�\bFX�\ESp\JES�@5�+�

B

A�X�u?AhT�B�A<k�aaX`

-������ ����!������ ���� �$����������� ���� �$���� #��� �G���������!F%

� ��� �=

! ��������B$���� >

% B

=��������!������� � �����!�(��!��%�1�.!����.�%

'����!����� ��F������!������#�/������������ ������3��.�4%�U�.��� ��������!������ �

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

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

/�������>�����������$����#���������IJmOD�������������%

;C��%��!�����"���� �

1����!���������;���� �!��.����.���#����()�� ����%�V�����!����9G����.�.%

D�����"

&!����9���� ����)���������,��!������!�)��� T

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

"! �

"% ��)���

"' ����)������*(����(������*(�%"(������*(�%"(�

"# ����)����QWJHNTQ��)����

" ��)����

"9 �

"& ��)���

": ����)������*(!���(������*(�%"(������*(�%"(�

�" ����)����QWJHNTQ�!)����

�� ��)����

�! �����

�% )����

H���T

� ����������=

Page 47: Язык javascript ч 2 1

! ����� �$�����>

% ��B���$��%"��>

' ������������$�� ��>

# B

=��������� ��$������ �,������ � #�������/���� ��)�#��� ���#�� ��������.��������!(�������

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

V��(����T

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

�M

o��!������!�)��� ����������.�!���.� �!��.��������������> ��)�#����!(, �

�������� ���$!��"�� D%

Page 48: Язык javascript ч 2 1

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

1�.!���� �

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

U�������.�� � ����. �,��!����)��!���� �����!����9������.��b8<8I#�,��T

�� .�)�� �8I��������������$���������� �C

�� .�)�� �8I��������� ��$����

P�.���!���������)�(�/������������+�P�. � �!����� ��!������ �+

V�F����

'� ��9��� �!��

�� z���!�� �G�#�����.��� ��!(�g8����� ����!��.(�� ���;� ���! ���� � �!�

�(���+

�� z���(���#�����/�������8@�!������������!����!(+�S(�(�������.!!�.���

��!������������ (����!.(� ������(����+

[% P�.��(�(�� �����������.�#������9��������,��!�� +

1� ���

V����"��.�������%

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

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

�������������� ����������GH������������� ���������

Page 49: Язык javascript ч 2 1

P��� ��!���� ��������!��!���� ������ ��%�e���F����������,����%�:�

!��(���������!����)�G���� ���(������� �!�(%

&�!�( �������#���� ����!��.(� �������"�%

e� ��(��������������� �C� �G��(�����!F#��%.%�/��������������� ���.�%

�����������������������HI������������������������������������� ���� ����

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

&!���� ��$�����/�������� �,���������!� ��������!#��.��������.�(�������

,!���"(� ��F��,��.��>��(�G���������D��������!(, ��� ��2/�����%

0)����(������� ����.�>����!���#���������!����!�,��!��� ��������

.��DT� �

&!������� �������������� �C���.�����!������ �����(���#��.����!����(����

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

��9�����=�������������$�������BT

Page 50: Язык javascript ч 2 1

1�.!���� �

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

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

:��(�������� ����()����� ������������(������.(�������#������� �������

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

E������.�#������9��������,��!�� #� �����,(��3�������4��� �!��.������

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

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

,E�������������������������

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

��� �������F���� ������

'��!���!#���� G!��.�� �� ��.�.���)���������� ��)����%�&�! �(�(.�������� ��$�����>� ���

.�.�D#��� �!�(�;��� ��$����>�!� ���.�.�D%

z������������!����#�.�)� �.�.���()�����������(.������F�!��(T

� )����QbTQ)����

Page 51: Язык javascript ч 2 1

! )��������*(� ���������(��FEQY�TSGSNTQ)����

% )��������*(� ��������(�jWQEQY�TSGSNTQ)����

' )��������*(� ��(�yHa)����

H���T

"� �� ����������=

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

"% ��B���$�%"�>

"' B

"# �

" �� ���������=

"9 ����� �$�����>

"& ��B���$�9"�>

": B

�" �

�� �� ���=

�! ����� �$�� ��>

�% B

V��(�����>��� ����

.!��.�DT�

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

:�/�(���!(.�(!(��,.���� ������F��.�.���!��� �F�!�� %�&!� �.�.���)��������(.������

���� ��$���%

Page 52: Язык javascript ч 2 1

��� ��F�� ����

-9G� �!�����;���������� ������� �.�.�#����!� (����� ���� ���.�#�������� . ���!������T

"� �� ����������=

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

"% ��B���$�%"�>

"' B

"# �

" �� ���������=

"9 ��� ���������$�%"�>

"& B

": �

�" �� ���=

�� ����� �$�� ��>

�! B

V��(�����>��� ����

.!��.�DT�

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

:��!���!�� �F��;��.����������F����!����%�P�.�����!����,� ������������. � ����%�

P����#�/�������������������#�����$������. � #�����#�������!���� +

U�������.�#�����.!��2�!�(��!�,�*��2������������#���������!����,� ����%�-����!��������

��������!�.�#�.�!����� ����� ����!���(� �!�������(�"� #������ ���������!��.����F�,�

��()�����%�-�������!����;�����!���#����!���!#�t�Bq�*A?Bi`C%

U����.����!�������!(.�(!����!���"����.�.�>3*���?�@AB�4D��������,%�S�����!��� ���)�����

Page 53: Язык javascript ч 2 1

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

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

�[

H��� �����!� ��!����9������������. � G!��.����*��2��!� ������.�.����>�����,� � D%

:�,�������)����.�>���.�.�����DT

1�.!���� �

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

• &���!).����,��!�������� ��� �(�

• '����.�. �.(!�!����� �����(.�������%

E����� �����.�b8<8I���.�!���.�T��B�A���?<]�AhCX�<�CC<��XX2C��<�`aXq%k�i?

}%�%�N��������������5678<*��2��!(.�(!(#��� �� ������ �����)�%

V�F����

N��!�F������)���!���������!��"���� (�.��� � �!��.���� ���l�����%�E.�.���(����� �

.�. #������!)����;��!� T�B�A���?<]�AhCX�<�CC<��XX<�`aXq%k�i?

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

�M

1$!������� �,�"��#�"���!�! ���(�� �(�!��0@vAQT

U!�� ����T

• Y� �����!�.��;��� �#��!� ���;���!� �#�����.���!���"�;���"���!(%

• H���.���!���"�"���!�! ��� �!��.���%

Page 54: Язык javascript ч 2 1

• U�.���� �!�(�������(��������������������%

• P(!�!��!���� ������������!�.(����/����������.������ �������!�. � ����%

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

}%�%�S�������� ���������"%

V�F����

56782��!(.�(!�T

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

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

% ��)������*(� ��������(������*(���(������*('"(�����*('"(�

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

# )����

H���T

"� �����=

"! ������$�'"��>

"% ��B���$�&"�>

"' ��� ����$���� >

"# B

" �

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

"& ����� �$�����>

": ��������$�� ����>

�" B

�� �

�! ����������=

�% ����� �$����>

�' ��������$�� ����>

�# B

� �

�9 �����������=

�& ������������$�� ��>

�: ������� ����$������>

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

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

!! B

!% �

!' ��������������=

!# ������� �$�������>

Page 55: Язык javascript ч 2 1

! ��� ����$�"�%��>

!9 �����������$�'"��>

!& ��������$�� ����>

!: B

1�� ����������T

• H��������G��� ���.��.�#��������!� ��#����F��������;���.��%

&���(���.#������� �2�"���!�2��!� +

N�� ���#������ ������9����/������ �!� ��������������,������%�e�

.�.��������������(����(��!� ,�@7o������� ��+

1���(�����������.�#���.�.�.�����.�;����� �/�����#���@7o�;���� �2/�����%�

&!����� ������� ��$����/������@7o��� ������� �!� #���� F�������

����.�%

P�� ��!��.��� 2"���!2�!� �>���!� ���� DT

� )������

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

% ��)��������*(����(��;��<���!�%�'�#� �9�&�:)����

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

# )����

-,����T�

&!� ���� ��!��.T�� 2�!� 2"���!#��,����� ��������������� �!��� ���!.�%

P�#�.�!� ���G���!� �������!�)����T

� )�������

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

%��)������*(� ��������(������*(���(������*('"(�����*('"(�

' ��)��������*(����(�����\bH\ST����)����

# )����

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

Page 56: Язык javascript ч 2 1

��.����!��(����F�����!����! �.����������������!�.��;��()����� ���� �

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

:�,�������(�����!���!����.T

� )��������*(� ���� �$�������>�������$�"�'"��>(�

!��)���������*(� ���� �$��� ����>����$"(���*(��������(�����*('"(������*('"(�

% ��)����;��<���!�%�'�#� �9�&�:�)����

'��)���������*(� ���� �$��� ����>���$"(��*(�������(�����*('"(������*('"(�

# )����

• W���!�! ������� ���!.���� �!��.����(9��� ������(.�����������������#�

!� � � ����%

=��.!��� ��F������� ���!.�T�����.������ �������F.��(�.��#�����!.��

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

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

"���!�! ����%

&���!�F����T��B�A���?<]�AhCX�<�CC<`��2a��<�`aXq%k�i?%

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

�g

-����� ��.�.��%"��9"�T

���

"� )������

"! ��������=

"% ������ ��$����>

"' ���������$%"�>

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

" ��B

"9 �

"& �������=

": ������ ��$���>

�" ���������$9"�>

�� �������C ���$����>

�! ��B

�% )�������

�' �

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

Page 57: Язык javascript ч 2 1

� ��FEQY)����SGSNTQ

�9 )����

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

�: �jWQEQY)����SGSNTQ)������

!" )����

<�&��������%����5�����������!�$�� ��������������$%������������4

N (�.������ G!��.���!��/�������)����������f

R�����������!,����� �� ������������ �������!� ����������� ���������������

/����� %

U!��(���������!).�� ����� !���������!�(��! #�IJ����������� �!����O%

V�F����

&��.��.�

E����( ���� �� �� �������%

V�F����

N�#��)��;�(.��� ����� �������$�� ���� ������� ����� �� �T

���

"� )������

"! ��������=

"% ������ ��$����>

"' ���������$%"�>

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

" ��B

"9 �

"& �������=

": ������ ��$���>

�" ���������$9"�>

�� �

�! ����� �������$�� ���� �>

�% ������ ��� �������$�� ���� �>

�' �

Page 58: Язык javascript ч 2 1

�# ����� �������$�!���� �������>

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

�9 �

�& �������C ���$����>

�: ��B

!" )�������

!� �

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

!% ��FEQY)����SGSNTQ

!' )����

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

! �jWQEQY)����SGSNTQ)������

!9 )����

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

Свойство "overflow"�� ��������� ������

�� ���

�� �� ��

)� ���� ���f� ���� ���

H� E�,

H �� � ���� ��(�!� �������#�.�.� ��G����������!)�������,�/������#������,�!����!��!� �F������(����(�����(<F�!��(%

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

'���#����� ����<F�!����(.������� �+�U,����.�����)���( ��������#������!)����3��!������4�.%�-,���!�)����� �/����(��������G����� �� �� ���� �%

:��)������������

• ��������>��(������D

• ������

• �� ��

• ���

������

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

'��!���!T

"� )������

"! ��� ���� ��=

"% �����+� ���� ��NF�aQ_QN�+�

"' ���������$�!""��>

Page 59: Язык javascript ч 2 1

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

" ����� ��$������ ��������C>

"9 ��B

"& )�������

": �

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

�� ����������rJSJdFT\J[^GFaQFJmbWQEQrJSJdFT\J[^GFaQFJmbWQEQ

�! ��rJSJ�JFT\J�E^GFaQFJ�\NHac�rJSJ�JFT\J�E^GFaQFJ�\NHac

�% ��rJSJ�JFT\J�E^GFaQFJ�\NHac�rJSJ�JFT\J�E^GFaQFJ�\NHac

�' )����

1��������� �������������������"���$����������'�"����>������@������-������-���

'$�*�'��*�������������������*�"(����",�����#����

�����

&�!�����9������!)���������!�)�����%

"� )������

"! ��� ���� ��=

"% ���� ���� �$�������>

"' ���������$�!""��>

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

" ����� ��$������ ��������C>

"9 ��B

"& )�������

": �

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

�� ���������rJSJdFT\JwZWFaQNmbWQEQrJSJdFT\JwZWFaQNmbWQEQ

�! ��rJSJ�JFT\J�Zc_FJ�SZWFaQN�\NHac�rJSJ�JFT\J�Zc_FJ�SZWFaQN�\NHac

�% ��rJSJ�JFT\J�Zc_FJ�SZWFaQN�\NHac�rJSJ�JFT\J�Zc_FJ�SZWFaQN�\NHac

�' )����

%$����(+������,����"�����-�����������������"����

=��� �� ���,��������(��������#�.,���.�. 2��/���������� �������,� ����������,!���"(#���

Page 60: Язык javascript ч 2 1

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

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

���

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

"� )������

"! ��� ���� ��=

"% ���� ���� �$���� >

"' ���������$�!""��>

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

" ����� ��$������ ��������C>

"9 ��B

"& )�������

": �

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

�� ����� �rJSJdFT\JkQ\JjWSTWcJTcmbWQEQrJSJdFT\JkQ\JjWSTWcJTcmbWQEQ

�! ��rJSJ�JFT\J�_Q\J�bWSTWcJTc�\NHac�rJSJ�JFT\J�_Q\J�bWSTWcJTc�\NHac

�% ��rJSJ�JFT\J�_Q\J�bWSTWcJTc�\NHac

�' )����

������

&����!.!(�.����!�)������ ��,��%

"� )������

"! ��� ���� ��=

"% ���� ���� �$��� ��>

"' ���������$�!""��>

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

" ����� ��$������ ��������C>

"9 ��B

"& )�������

": �

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

�� ���� ��

�! ��jFWFbSGNFNHY�NFJ�

�% )����

Page 61: Язык javascript ч 2 1

�̀�-������ �#������ ���������������"����������,�� ���-���������������������

������B��6�������B��

0)��(.������� ��������.���!����!����������F�!���� � ���� ������ �����;� ���� ���T

"� )������

"! ��� ���� ��=

"% ���� ���� ���$���� >

"' ���� ���� ���$�������>

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

" ���������$�&"��>

"9 ����� ��$������ ��������C>

"& ��B

": )�������

�" �

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

�! ��jS�HWHNFjSGS\QjWSTWcJTHe�� jS�HWHNFjSGS\QjWSTWcJTHe��

�% ��rJSJ�JFT\J�E^GFaQFJ�\NHac�rJSJ�JFT\J�E^GFaQFJ�\NHac

�' ��rJSJ�JFT\J�E^GFaQFJ�\NHac�rJSJ�JFT\J�E^GFaQFJ�\NHac

�# )����

:��9�

H �� �� ���� ���� ���� ����>�������� !�����T� ���� �D��������� �������.��� ��!���!��

��!�������T

������

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

�����

&�!�����9������!)������ ����%

���

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

������

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

P!����,#���������� ���� �$���� �s������������������ �������.��� ��!�#����!)�9�,�� ��A^%�

Page 62: Язык javascript ч 2 1

U�.�.�.�/���������� ������������ �����.�#��������.��� ��!���� ������������,�����%�'�����

�������. � ���� �#�������� ��������#��%�%�.��� ��!�!����,� �����%�S�����!���/��� �!��

!�����!��� ��������H �� �3u?A��4%

Свойство "position"�� � ���� �$��������� � ���� �$��������

�� P!������

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

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

)� � ���� �$������

H� E�,

c� &������

H �� �� ���� ���� ������ �,����/��������� �,�����,������%�W���/� �,� ��;������.�

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

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

H�������.�����"���! ������!�� ��������(������#� �����(���#������ �� �� ���� ����(.����%

-,��)����.)��� ��(.��������!���*��2� �� T

��������$�������>

U�.���������� ��!��������!��.��������(����������!��!���������!(,���������� �� ���� �%

Q�����������#�����!���! �����(��������� �������(�9� ��.(����T

� )��������*(���C ���$�����>������$�#""��(�

! �����Fa�bSaHXHSNHWSEQNHY�;(� ���� �$�������(<�

% �

' ����)�������*(���C ���$�����>�����$�"(�PQRSGSEST)���

# �

����)�����JcJ���E\YTHp�WQaN^p�JFT\J����)����

9 �������������[�_EF�\JWSTH2)����

& )����

%�!�������"��������#�����!������$��������������$����#�� ������*������

=��������� ���� �$���������9������ ����������"���! ����%

Page 63: Язык javascript ч 2 1

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

1�������������"���! ������� �,����/����������������,�����,��)����%

N���,#�������!���������������������"���! ����#���������(.������/�����(�*��2

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

=���������� �����/���������cn���.��� �������������� ����"����� �!��.��T

��������$��������>

���$��"��>

"� )������

"! ���!�=

"% ����� ���� �$��������>

"' ����� �$��"��>

"# ��B

" )�������

"9 �

"& )��������*(���C ���$�����>������$�#""��(�

": ����PQRSGSEST�\_EHNcJ�NQ��"���ENHa�

�" �

�� ����)�������*(���C ���$�����>�����$�">(�PQRSGSEST)���

�! �

�% ����)�����JcJ���E\YTHp�WQaN^p�JFT\J����)����

�' �������������[�_EF�\JWSTH2)����

�# )����

+��������(

N���� �,���)������� ����.!������T

• � ��2��� �,���3���� 4� �!��� �,!���"�

• � �� ��2��� �,�����)�� �,!���"�

• �����2��� �,��� �

• ����2��� �,���!� �

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

,!���"(����.�)� ���!�%

Page 64: Язык javascript ч 2 1

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

'��!���!#�����$��"���� �����/���������cnd��,�F�!���� �!� #�������$���"��;� � %�&!��/���������

/��������)���.�����������,!���"� �.��T

"� )������

"! ���!�=

"% ����� ���� �$��������>

"' ��������$���"�>

"# ��B

" )�������

"9 �

"& )��������*(���C ���$�����>������$�#""��(�

": ����PQRSGSEST�\_EHNcJ�NQ��"��EGFES�

�" �

�� ����)�������*(���C ���$�����>�����$�">(�PQRSGSEST)���

�! �

�% ����)�����JcJ���E\YTHp�WQaN^p�JFT\J����)����

�' �������������[�_EF�\JWSTH2)����

�# )����

/��5����������� �����&$�$����&��������"�� ���� �$��������@��&����-��������* �

'��"����&����,����"����7������������������#��$�������'��$����*����

������������$��!���������

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

H����.���T

��������$���� ����>

e����������"���! ������������ �� �9�T

�� =������������������,������#�,������)�������������"���!(�������� %1��������

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

�� P!�������� ��� �� ��������������� ,������)����������� ����������)� F�,�

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

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

P!����,T

Page 65: Язык javascript ч 2 1

• p�!����/���������� ���� �$���� �����(����� � �����������!)���(%�N������,!�����

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

• =�������(������������$�� �C#�.�!� ���!�.!� ��������� ���

��)������������>��%wX?���A`Ck��C�]X�hXX`�xa�C�?�@y#�x�AC���A`y#��`a�xu?A��yD%

'��!���!#�����"���!(�����, .� ��!� �2 �!�����(,(��.(�����T

"� )������

"! ���!�=

"% ����� ���� �$���� ����>

"' �������$�">

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

" ��B

"9 )�������

"& �

": )��������*(���C ���$�����>������$�#""��(�

�" ����PQRSGSEST�E�bWQESM�EFWhNFM�cRGc�_STcMFNJQ�

�� �

�! ����)�������*(���C ���$�����>�����$�">(�PQRSGSEST)���

�% �

�' ����)�����JcJ���E\YTHp�WQaN^p�JFT\J����)����

�# �������������[�_EF�\JWSTH2)����

� )����

%�-�������#������������4���������6��!����$���"���"��������9���&(���9��!����.����

6��!���(�%�����!�����9�2��".� ���!�"�����&��������"�%�������������7����������

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

U�.�.�.��!��� ���� �$��� �����!����!��.��(����� � �����������!)���(#��

F�!.� �PQRSGSEST�3�rG)���4����!��(,���.�� �(,(%

E�,����� �����()����������/�����(�� ���� �������� ����#�����.#������/������� .!(,����

�� �,����%�P�.��!� ��/�������#������������ �;���� ������������������� ��� ���� �

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

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

Page 66: Язык javascript ч 2 1

:�����������"���! �����/��������)���� !���������� �����!�� �)����

,!���"�%

S!�(��!�!����������. �/��������,!���"%�V������� ����#�.!���IJKT

� )������

! ����=

% ��� ���� �$���� ����>

' ������$��"��>����$��"��>�� �$��"��>�� �� �$��"��>

# B

)�������

9)��������*(���C ���$����>���������$�����(��"���SJ�RWQNHX)����

%������'������������������

P�.�!�����(�������������"���! ���� ��.���� ���F�!��(��.(�����+

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

� ����=

! ����������$���� ����>

% ������$�">����$�">��+�E�GFE^p�EFWhNHp�cRSG�+�

' ��B���$��""�>�����$��""�>��+����H�WQ\JYNcJK�+�

# B

'�/���(����!��������F���������!#��.��(���!���"������� ������.!��,f

Page 67: Язык javascript ч 2 1

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

�$!� �T�

1�.

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

:��( �����#����,(� �$��.���� ���������,���.�"���.(�����%

N�� ���#���� �*����""����������.�F�!���� ��F��,��.��>3�A`���`�`j�]?A�^4D%�e�.�. �

��F�� ��.��������� � ��(������#� ����/��������r������ �,�����,������+

:��������(�������� ��������.����� ���� �>~�`����?��A`���`�`j�]?A�^~D#�.�!���� ������.�#������

�.(����%

U�����#�.!���������F�!���� �������������������.��#�������.(�����%

:�!�T����(����������.+

� ����=

! ����������$���� ����>

% ������$�">����$�">��+�E�GFE^p�EFWhNHp�cRSGf�H�WQ\JYNcJK����+�

' ������$�">�������$�">��+���cTQaQNHFM�bWSJHESbSGS`N^h�RWQNHX�+�

# B

V��.!����� ��

'��#�����(�����%�P!�������� ������������ �� �� �������������������.��%

Q��������� �� �$�"�;���)����,!���"��.��#�������.(�����#��.�!��������������G%�U�����#��(�����

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

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

-���(�/���������������"���! ���� ��!��.#���� ���� �$���� �����!������������������,#���

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

U�����#������������� ����!������.�(��������"����������#���)������.!������;�����, .�

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

Page 68: Язык javascript ч 2 1

"� )������

"! ���!�=

"% ����� ���� �$���� ����>

"' �������$�">

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

" ��B

"9 )�������

"& �

": )��������*(���C ���$�����>������$�#""��>�������������� ���(�

�" ����PQRSGSEST�E�bWQESM�EFWhNFM�cRGc�0@vAQ�

�� �

�! ����)�������*(���C ���$�����>�����$�">(�PQRSGSEST)���

�% �

�' ����)�����JcJ���E\YTHp�WQaN^p�JFT\J����)����

�# �������������[�_EF�\JWSTH2)����

� )����

;"-������*�����*���������������������������-���*( �����������-���������$�*�

������7����������#���������� ���

H!� ����T

• E����(���� ���� �����!����9�����/�������(�!� ����T

� )������������*(� ���� �$���� ����>����$��"��>� ������$�"�&(�

! ���NSbTQ

% )��������

'��!�%�'�#� �9�&�:���!�%�'�#� �9�&�:���!�%�'�#� �9�&�:���!�%�'�#� 9�&�:

#��!�%�'�#� �9�&�:���!�%�'�#� �9�&�:���!�%�'�#� �9�&�:���!�%�'�#� 9�&�:

������������%�����(�����"4�1������'��������"#���"������������

• E����(����� ������!����9�����/�������(�!� ����T

� )������������*(�� ��$����>���������$��"��>� ������$�"�&>(�

Page 69: Язык javascript ч 2 1

! ���NSbTQ

% )��������

'��!�%�'�#� �9�&�:���!�%�'�#� �9�&�:���!�%�'�#� �9�&�:���!�%�'�#� 9�&�:

#��!�%�'�#� �9�&�:���!�%�'�#� �9�&�:���!�%�'�#� �9�&�:���!�%�'�#� 9�&�:

>��$ �������&�*�����!������%����.�������%������E�4�1������������-������&���*�

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

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

=���� ���������,����"���! ����%

H����.���T

��������$������>

&��"���!(����r�.��������.�)�#�.�.���� ����#���������������� �%

V����"�� ����.�.���� ��T

P,�����!���"(��!.!(�� ���#�$�.��! ���� �/������������������ ���������������!.!(�� ������

����������!���"� %

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

"� )������

"! ���� ��=

"% ����� ���� �$������>

"' �������$��"��>

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

" �������C ���$�����>

"9 ��B

"& )�������

": �

�" J�� ��������� �K��LML� ��������K��L���L� �NO.=/"P�Q&3%./%3,�7"#�7"&2")%2/RJ�� � ��N

�� �

�! |HT\HWSEQNNSF�bSaHXHSNHWSEQNHF�

�% �

�' )��dFT\J�\JWQNHX^���jWSTWcJH�MFNY���)���

�# )��iNSRS�\JWST��)���)��iNSRS�\JWST��)���

� )��iNSRS�\JWST��)���)��iNSRS�\JWST��)���

�9 )��iNSRS�\JWST��)���)��iNSRS�\JWST��)���

�& )��iNSRS�\JWST��)���)��iNSRS�\JWST��)���

Page 70: Язык javascript ч 2 1

3�����-�����������&���������$&�'��"����& ���BC���#���������c��8�����������

�����,#��,���"�����������BCH����*�"(��WQQ��$��-����

:��9�

:�������"���! ������������������%

�� ���

E��������� ������3�������"���! ����4%�:�� ��� ��������G������.���������

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

��� ���

H� �,����/�����������������.(9�,������%

• &!�� �)����,!���"�����������>� ��� �� �D��� !������(.�����������%

• 1.!()��9���/������� ��(���������.#�.�.��(���/����������� �,���%

�������

:��(������!������/���������� ������%

' ������� ������������.!�������������� ������� �� �������������)� F�,�

���"���! ���,�!�����%�-�����.,�!���������#����������������.�%

• p�!����/���������(�������(����� � �����������!)���(%

• 0)��(.�������!�� �)����,!���"�����������>� ��� �� �D%�=������!���������%�

:��)������������!)� ������ �IJmO%

• 1.!()��9���/���������������� ��� F���������%

�����

&� ���������,����"���! ����#��!��.�!��/�������!� ��� ������.�.!��������.��#���

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

&!���!.!(�.�������G����������)�������%

��������

*��2���"���! ������2�����9��(�,(�.� ����"�$�.�"���_�CB�?�tA�i����`j�7AaX?#��%[�����)�%

-9��������!F���!(. ��� �*���}AC���A`�`j��`�cn�C�X�C#�.�!��� ��� ������ ���������

���"���! ����%

�M

Page 71: Язык javascript ч 2 1

H��� ����!����9��5678<*���3�������.�4#��������0@v#�.�!� ��������

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

&!��/��� ���/�������(�!� ���������.(��������!�������!������#��%.%�.�.����������

�0@v%

:��!���!����)��0@vAc�������������� ���" ���$������!�!������#��������� ����

��!�.!����T

1�.

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

S!�(��!�T� ����� ���#�IJOl%�N)��!��������!���!.!(�.��.���>�! �!���D%

E����� ��.(����T��B�A���?<]�AhCX�<�CC<iAa�?2a��2C��%k�i?%

V�F����

-�������� ����� ���� �$���� ����#���0@v����!������������� ��� ���(��.(�����#��%.%�

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

0)�#�.����#�(������/�(� ���(��!����9������������#���*�����G������(���� �����%�

S(��������� ����� ���� �$�����T

H���T

� �� ��=

! ����������$������>

% ������$�">

' �����$�">

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

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

9 ���������$�:::>

& B

H �� ����������)���!� ������� ����!(,���/�������(�!� ����#���������

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

&�� ���.���!�F����T��B�A���?<]�AhCX�<�CC<iAa�?2a��%k�i?%

Page 72: Язык javascript ч 2 1

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

H�%���.)�

• _�CB�?�tA�i����`j�7AaX?#��%[�����)�

• *���}AC���A`�`j��`�cn�C�X�C

Особенности свойства "height" в %�� 3����

�� &���.�� ���������$�""��-��� ��$����

�� V�F����T� ���������$�""��-�� ���� �$��� ����

�� E�,

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

'�/��!���������� ��,��%

U�����, !�#����/�,��()������T

• ����� ��F��,��.��(.������� �%

• ���/������������������������"���! ��%

N���!�� ��,����,�/������������� ��!"������!�����������(���f

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

���!��

'�F��"���;��(����� G!��.(���.,� ���T

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

&!��/����.���� ���!�. ��)����������������/������� �(�!��.��� ��!�%�=��(�����������,!�"���������������#�������� � ��������G��.�.����F�%

U�����#�56782.���!��(�������. T

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

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

% ����)2���\JWFGTQ�EGFES�bWH�bSMSxH�,??f�OHWHNQ�VHT\HWSEQNQ����

' ��)����

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

�������dFT\J���

9 ��)����

& )����

X�.�������YdPeSfgdhY 6�'�������������YieT[iVY���j�_

Page 73: Язык javascript ч 2 1

P�.�/��!���� ���+�&�(�� �����!������#�.�.�����������F��

&!��(���+%%�-������;��!�)���%

-����!������ �!�����#��#� ��)�#� ��!�F����� ��(����� ��� � #��!����9���� ��$����>����

���������$�.��! ��� �F�!���D#����.��� ������;��)���� �!� #������(������%�P�������.���

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

Q�����/�����(��� ����()�����������������$��""�#������������� �G��!��!���� ��� �!��.��%

��%(��������������S���� ������

*��T

"� �� �������=

"! ��������$������ ��������C>

"% B

"' �

"# �� ������=

" ���F�T&>/"*#'&/�&%&>=#(/'�=7".=&�7"#�7&'&U#�� ����������F�

"9 ��� ���������$�%#��>

"& B

": �

�" �� ���=

�� ���F�V.>.>#'�".-'/";�+0&2.�3&�3%"/02&<�F�

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

�% ��B���$�%"��>

�' ����� �$�����>

�# �

� ��� �E������$��555���;(� ���������(<�������������� ������>

�9 �������������$��eee������ ���>

�& ��������$�� ����>

�: B

e�����!��;�����!���/��� �!����� ��� �� ��T

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

P�.� ���#��.�����!�. � �9�������f�P(���)������� ���+

1� ���������������"�$�.�"���*���s%c��(�.��cn%M%

Page 74: Язык javascript ч 2 1

3-��� ����� ��F��,��.�� ���������������!)���(#��� ����� �d����!������#��������������

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

:���F����(���� ������� �������.�.�!����!��������������!)���(#��/��(������ ���!"����

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

P�.���)�����;�/���� ��������.��� ����+�:��������#���������!����!���� ����!�����������

���!)���(�>cn%[%MD%�e����!)��,2�� ��� ������#���.���� ������(� ��%�&/��(�/����.������

����%

-������������������ ���(� ��F��,��.������� ����G� �*���;�/��!�F������!���(%

'��!���!T

�� �������=

������$�!""��>��+�JFbFWK�������E���ENcJWH�Zc_FJ�WQZSJQJK�+�

B

V��(����T

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

k'��!��������/����(��� ��������(���+�'��#� ���������������#��.�.��(������.������.�. ��(����

����%

&/��(�!�F��������(��2�!(,�(%

�������'�����������S���������� �������

&!"������(�(��!������#��������� ������ ���� �� �� ���� �$���� �����������"���! �����,�

�� �2 �!�����(,(��� �������>(�.�!,��������� ���� �$�������DT

"� �� �������=

"! ����������� ���������� ���� �D

"% ��������$������ ��������C>

"' B

"# �

" �� ������=

"9 ��� ���������$�%#��>

"& B

Page 75: Язык javascript ч 2 1

": �

�" �� ���=

�� ����������$���� ����>

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

�% �����$�">

�' �

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

� ��B���$�%"��>

�9 ��������$�� ����>

�& �

�: �������������$��eee������ ���>

!" ��� �E������$��555���;(� ���������(<�������������� ������>

!� B

V��(����T

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

:��9�

• H �� ������#�(.������� �d#�!���������.�������� ��F��,��.��(.������ ����%

• H�����!��*���s%c��!����� ��������/� ��!����#�������(.��� ��#�����!"�����!������

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

Знаете ли вы селекторы?�� 6����$����$����������

�� 1��F����

�� ����!�������(��!���������

�� ����!�������(��!��������� �������)����,�

)� H��.�!����!��(�

H� N!(,������ �$���!�

c� &�� �/������� ����$$��� �� �#�����$$����

D� &!�.��.�

*��[2���.�!��;�$(������������������ �9�%

N�)������ ������(2��>���!� �IJ+D�������(���������� �*��#��������,�$!� � !. �������.!��2�!�(��!�,������ �����*��[��������������%

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

7�����(�����(�����������

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

Page 76: Язык javascript ч 2 1

• +�;������/������%

• ����;�/�����������.�����,�%

• ����;�/�����������������%

• �������;�/�����������.���.����%

• �����*(�����(��;����.�!�������!��(��>��%�����D%

• $��������;���� �$���!�#���������!������(� ������/������>��%�����D%

H��.�!���)��.�����! ���#������� ������� �����#������!���T

• �����!�;�/��������� !��������� (���.�������������!

• ���������!$��������;�/�������������������#�.�������������!#������ �$���!���������

7�������"

:�*��[��!��(���!�������!�� ������F��� ���)�(�/��������%

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

• ������;�/��������#�� ��9��������.�������%

• ��������;���.�����!���� ���������.�

-������� ������!��.��T

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

• ����-���;���! � ��!� � �����T���������)��(! ��� )������#�.�!� ���G���!��(�

�������>��������D%

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

� )C��QGJS\GQEYN\THF�Ya^TH)�C�

! �

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

' �����[GS`FNN^p�/8�8@�\bH\ST�Ya^TSE���

# )����

*���.��!���!(���)�T�!��.!���

&!���!T

Page 77: Язык javascript ч 2 1

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

G������%��!���$�������������5

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

H���.����.�! ����/�,T

• $�����������;���! � ����.�� �,�!�����%

• $�����������;������� ����.�� �,�!�����%

• $ ����������;������� ���� ����.�� �,�!�����#���������/����� ����%

• $���������;�<�;����.����!���� �,�!�����#����!���!�$���������;!<�;� �! ����.%�

'(��!�"�����������������%

• $���������;��-�<�;�!��F�!������!����(9�,����.�!����!���(.����������!�����.��

$!�( #�,����f��;�.�������#����������!��(�� ����������"������%

=������.�!��(����$���! ���� ���/������#�.�!��������������$!�((��!��.�.�2����%�

'��!���!T

• $���������;!�<������/����������!�!#�'#� �#���������G����%

• $���������;!�-�<������/����������!��#�%�#�����������G����%

• $���������;%�-!<������/����������!�!#�##�&�����.�����%

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

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

,??�T�bWHMFWc�E^OF

• $��������������;�<#�$��������������;��-�<�;���)������#������G���������������.�"�#�

���!���!�$��������������;!<�;� �! �/��������.�"�%

G������%��!���$�������������5�����!�*����9�!

-�������,���������.�!�#�.�!���(���� ������� ��������� #�����.�������)����,�T

• $����� ������

• $����� ������

• $ ���� ������

• $���� ������

• $��������� ������

1��������� �����������)������#�������������$����������#�$���������������.�����#��� � !����

����G����,�!�!(���/����������!(,������,���#�������#�.�.�!�(��!����������$���!%

&!���!������ ��������!��.!��.������.��03�3��!������4����!��������,�00T

Page 78: Язык javascript ч 2 1

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

,??�T�bWHMFWc�E^OF

P�.� ����#����.�!���$���� ������;!�<� ��!��.�)�� � �! �/��������#��!��G���!(,���/�������>��D

�����G�������(���� ��%

/�������(�����&$���

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

• ������;���!��(��(���� ��#

• ����*(���(��;���!��(��!� ������%

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

• �����*(���(��;���!��(������������������#����!���!�(�����(%

• ����s*(���(��;���!��(��!� ���������������������������#����!���!�!� ���(�����(%

"������$����

• ����+*(���(��;���!��(�����!)�������!.(����#����!���!�!� ���(�������(%

• �����*(���(��;���!��(�����!)�������.�.�������������� ���!����!��%

'��!���!T������*(������(�� �!�����(�����������(����� �!�����(��������(���(� �

������(%

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

• �����*(���(��;���!��(����.���� ������������#����!���!�!� ���(�����(%

<�$9���%�����������(

• $� �;\FGFTJSW<�;� ��#�.!��������9���������.�!%

• $� ����;� �$.(��%

• $� ���;������F��%

• $������;��������� �>��)��������.�� ��D%

• $����C��#�$��������#�$��������;���������@u4g3%

• $�����;�/���$���!��!����������/������#�@0�.�!,�� �����������.!��������.(9�,�

bw8%

'��!���!#����������!���"�������/����������*(��� (#����!� ��$�����=�� � $����B

��� ������,� �����(���#�������.(9� �bw8������� �������$��������� %

������6��!���(���������.��� ����

3&�� �/������4�;�!�������� ���,��������/������#�.�!����!�(��!������� ��������)���

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

Page 79: Язык javascript ч 2 1

&!����9����� �/����� �$$��� ����$$������)����� �������!)���� ��������.��"�

/������T

"� )������

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

"% ��� �����$�(����(>

"' B

"# �

" ��$$�����=

"9 ��� �����$�(����(>

"& B

": )�������

�" �

�� wZWQJHJF�ENHMQNHF$�\S_FW`HMSF�_SZQEGYFJ\Y�)��ENcJWK)����8@�

�! �

�% )���

�' ��)���jFWE^p�]GFMFNJ)����

�# ��)���[JSWSp�]GFMFNJ)����

� )����

%���BClD���������(��!�&�����������

P,��2�� ����!�(��!��!���� ���/������ �/��������������� ������T�$�����$��� �%�H�����!���

�����!�������������� ���� ��#�.!���IJO#�����������.)��� !�����(������������ (���� �������%�e�

���IJO��()���2�!�)���(���%�&/��(�������G��������(��%

&�� �/����������� ���������.�!���#���������������� ��������(9��� (��������!����.���

�!������%

��������

:���)��������� ������$!��"��� �F��.�.���!� ��(�����!�F�������������)�#�.�!���()��

!������.�)(�#� ������� ��*��2���.�!����������%

�M

56782�.(����T

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

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

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

"' �

"# )C���*(�����������(�mSSZxFNHY$)�C�

Page 80: Язык javascript ч 2 1

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

"9 ��)�����*(��������(�mSSZxFNHF��)����

"& ��)�����*(�������!(�mSSZxFNHF�!)����

": ��)�����*(�������%(���������� �*(������(�mSSZxFNHF�%)����

�"��)�����*(�������'(���������� �*(������ �� ��������(�mSSZxFNHF�')����

�� ��)�����*(�������#(���������� �*(�����������(�mSSZxFNHF�#)����

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

�% )����

�' �

�# �

� ) ����*(����$�������� ����������(�m\^GTQ�NQ�QWhHE)� �

�9 ) ����*(����$�������� ����������(���U�NQ�40t)� �

Q������T

�� :��!�������������������C� �

�� :��!�������������������C� �#�'-���������

�� '� ��� ���/�����������*�����������������+

�� '� ��� ���/�����������*�������+

)� '� ��� ������.����!��F�!���������*(������(

H� '� ��� ���/�����������!��(������������ �#����!)�9���������� �����.��>��!���

�!��D

c� '� ��� ���/������#�(�.�!���-HU����!��(����������� �#�����'-�

���!)��������� �����.��>��!����!��D

D� :��!���� ����G�����/�����������.����������

�% :��!��������/�������!��(������, .���k[�h�ajX�2���?X�������)��(! ���

)������

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

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

��� :��!�������.(� �(�!��������,�/�����������.����������

E����� ��.(������� ���,����� �$(�."�� ����������! �!.�T�B�A���?<]�AhCX�<�CC<CX?X��A�C<CX���k2

C��%k�i?

V�F����

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

�g

-��������.�g8�8@%

"� dFT\J�EEFWhc�ZFa�SJ\JcbQ�SJ�\bH\TQ�

Page 81: Язык javascript ч 2 1

"! )���

"% ��)���iQOQ)����

"' ��)���jQOQ)����

"# ��)���kQOQ)����

" ��)���lFNY)����

"9 ��)���mQOQ)����

"& ��)���nSOQ)����

": )����

�" dFT\J�ENHac�ZFa�SJ\JcbQ�SJ�\bH\TQ�

V����!��F!�$�������!.��������������T

� ���=

������$��'�����#�o� ��f�����>

B

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

• V����!����(��T�! ��c���!.�%

• '()����� ������.�����!� ��*��#��)������� ����*��[%

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

V��(����T

1�.

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

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

V�F����

H��.�!

N�����(�����)�(���!���#����������!���.�)�������G�����/������#��)������� ����

���.�!�`�k2�k�?a%

H��.�!��(������$���������; ��<#�.����(��()���9G���� ���������������! ,�

/������T���$���������; ��<$� �;$����������<%

Page 82: Язык javascript ч 2 1

0)�����(��������2�!(,�(T���$���������;!�-%<� ���!��� ���/����������*"f�f!���#���

�����[ #�M �������#����)�#�������!����(9� ����.�!%�'���,��������� ���#�����.!��%

&!� �

1���(�#�!����!�� ���(���!.(#��!������������$���#�;�/����#��%

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

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

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

B

&�� �.�� �������"�T��B�A���?<]�AhCX�<�CC<����2i��j�`%k�i?%

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

CSS без IE6(7)

WQQ������-��� ������$���$���-������*�����*� ����;@�������-�����BCH�

%��� ��������������&

• ������;���!��(��(���� ��#

• ����*(���(��;���!��(��!� ������#

• �����*(���(��;���!��(������������������#����!���!�(�����(%

• ����+*(���(��;���!��(�����!)������#����!���!�!� ���(�������(%

• �����*(���(��;���!��(����.���� ������������#����!���!�!� ���(�����(%

• �����*(���(��;���!��(�����!)�������.�.�������������� ���!����!��#����!���!T

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

• ����s*(���(��;���!��(��!� ���������������������������#����!���!�!� ���(�����(%

%��� ��������������&

• ��������;�����!���� ���� ����.#

• �����-�����;� ���!�������#�.�!���������!��(���������#��%�%�3�!� � ��!��4%

• �����������;� ���!�������#�.�!����������������#����������������!��(����#�

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

• �����;����.�.�.��� ��� !�����#

• $� ���;�.(!�!�����/�������> �IJK�!���������.���eD#

• $�����������;���! � ����.� �� G��!�����%

:�������#�IJL������!������ ����������!������������.!()��9���/����� �������.�! ����-����#��������$����������%�E������ ���#������ ����������!����� ����<(������������ ���!�������������%

%������&

• ��������������������;������������F�!���< ����

• ��������������������;���.���������F�!���< ����

• � ���� �$������

Q�������!�������� ��� ��� ��)����%�V��(������#�������!� ��������������, %

Page 83: Язык javascript ч 2 1

&!���.����������!).��IJL#��#��������#�IJO#�����.��9G�F�!���� .������ ����������� ����*���s%c%

�g

-��������.�g8�8@%

"� dFT\J�EEFWhc�ZFa�SJ\JcbQ�SJ�\bH\TQ�

"! )���

"% ��)���iQOQ)����

"' ��)���jQOQ)����

"# ��)���kQOQ)����

" ��)���lFNY)����

"9 ��)���mQOQ)����

"& ��)���nSOQ)����

": )����

�" dFT\J�ENHac�ZFa�SJ\JcbQ�SJ�\bH\TQ�

V����!��F!�$�������!.��������������T

� ���=

������$��'�����#�o� ��f�����>

B

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

• V����!����(��T�! ��c���!.�%

• '()����� ������.�����!� ��*��#��)������� ����*��[%

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

V��(����T

1�.

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

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

V�F����

Page 84: Язык javascript ч 2 1

H��.�!

N�����(�����)�(���!���#����������!���.�)�������G�����/������#��)������� ����

���.�!�`�k2�k�?a%

H��.�!��(������$���������; ��<#�.����(��()���9G���� ���������������! ,�

/������T���$���������; ��<$� �;$����������<%

0)�����(��������2�!(,�(T���$���������;!�-%<� ���!��� ���/����������*"f�f!���#���

�����[ #�M �������#����)�#�������!����(9� ����.�!%�'���,��������� ���#�����.!��%

&!� �

1���(�#�!����!�� ���(���!.(#��!������������$���#�;�/����#��%

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

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

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

B

&�� �.�� �������"�T��B�A���?<]�AhCX�<�CC<����2i��j�`%k�i?%

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

CSS-спрайты�� ?�,����/���*�����*� �������C ����� p�,�s%�1�r�����������!�)����

�� p�,�[%�&.��������������!� ��� �3.F.�4

�� p�,�g%�H� ��(�����!� �

�� 1���(��

)� E�,

*��2��!� ��;�������r����������,����!�)��� � ���#�����T

c% *.!������.����� ��!�9��� �.���! �!(%

s% Q�,!(��������.�.����!�)��� ��!��(#� .�������#�.�!������������� ��(�(9��%

[% -���(����!�)��� ������������!�#����r����G�������!�)������(��������F����!����!(#������ .(��������������.�!���.%

V�����!��#�.�.�/��!������#�����!���!����!� �T

"� )���

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

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

"' ��)��������*(����(�{Qa_FG��)���[�_EF�\JWSTH)����

"# ��)���

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

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

"& ����)��������*(����(�{Qa_FG�����E�S_Nc�\JWSTc)����

Page 85: Язык javascript ч 2 1

": ��)����

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

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

�! ����)��������*(����(�mJWQNHXQ���!)����E�_EF�\JWSTH)����

�% ��)����

�' ��)����

�# )����

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

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

�& ��)��������*(����(�{Qa_FG�!)���[�_EF�\JWSTH)����

�: )����

!" )����

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

H� ����3���4#�3���(�4���3������4�;��!�������������!�)����%�1�r���������� ���!� �%

?�9�@4�:�%��� ������� �E������

&�! � �F�,�.��r������������!�)��� � �3��!� �4�;��.��� ���������!������C ���#��������!���

��,�@7o%

:��������(������()�������%�H���������!� �T

"� ��� ��=

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

"% ������$�� ��>

"' ����� �$�����>

"# B

" �

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

"& ��������$�� ����>

": ��� �E������$���;��������<>

�" B

�� �

�! ��� ������� ��=

�% ��������$�� ����>

�' ��� �E������$���;�������<>

Page 86: Язык javascript ч 2 1

�# B

� �

�9 ��������� ��=

�& ��������$�����>

�: ��� �E������$���;���������<>

!" B

p�,�s%�1�r�����������!�)����

H��� ���������.�.������!�)��� ������ �����#�!���)� ���#����!���!#��� �!��.��%

E�� �#� ���� ���(����������.�!���.�T� �

?�9�H4����� �����������%��5�����I������J

e�����!����������� ��%�V����!�0@vAQ�����.�.��;�)G��.�$�.��! ��T

� ��� ��=

! ��B���$�� ��>

% ������$�� ��>

' ����� �$�����>

# B

=��������#������������ �������C ���ASM��r����G��(��.�!���.(#��� ������������������#��(����

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

-������ ������.�.��������F�#����!���!#�� �'&#�.�.� ��!���!����)�#��������� ������������T

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

?�9�K4�/����$����%��5�

H� �,�$������C ����� ���� ���� ���� ���!���#�.�.(����������������!� ��� ���%

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

"� ��� ��=

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

"% ������$�� ��>

"' ����� �$�����>

"# ��� �E������$���;�� �����<�� ������>

Page 87: Язык javascript ч 2 1
Page 88: Язык javascript ч 2 1

=��������#����������.������/�(��.�.(#��()�����������$�T

� �E���������������$��:"����'"��>

&!��/��� �� �2 �!�����(,(�$���.�.�!������(����/����.�.�T

=�����#� �.�!������������.�.��> �!��.�D#���F����!����!(#�����.�!���.�%

-,�����T

� ����=

! ��B���$�%#��>��+�OHWHNQ�E^\SJQ�ZSGKOF�IFM�WQaMFW�HTSNTH�+�

% ������$�%#��>

' ��������$������ ��������C>

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

��� �E��������� ��$���;��������<>

9 ��� �E���������������$��:"����'"��>

& B

-������ ���!� ������������(� #��� ���.����F��3.F.4��� �!��.�� ��������!(,����.�.�%

:��9�

P,�������� ����������!�)��� �@7o#���.,���;�,??����C ���+

V�F�����(�F�� ��,��!�������#�����������!��"�� �����������. � G!��.�%

Q��� ��� �!��;�������������������!�)����+�� �����������������������

/���������!���"��>$�,!�$��#�� ���!���������D#����)��$!�������2���>�.�.��

(�����!� �D+

=������@7o����(�������� ���� ���! ���(���#������$!������(����������*��%

H�!� ����� ���T

c% *.!������.����� ��!�9��� �.���! �!(%

Page 89: Язык javascript ч 2 1

s% Q�,!(��������.�.����!�)��� ��!��(#� .�������#�.�!������������� ��(�(9��%

[% -���(����!�)��� ������������!�#����r����G�������!�)������(��������F����!����!(#�

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

-���$� �����!�)������()��� �!������,!���������� �!��.��#�����!� ����)���� �(��;�

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

�� ���� ���#� �!��.�������,!�������#������3!�FG�. 4%

N������� ��!�����������!� ������!��������������!$� � #������.��.���!���� �������������� G�

���!�)����%�1������!� ���(�������!)���� �����������.��.�#�����!�.������� ��F��,� ����;�

�(9��� �������!����9���� �,�����C ����� ���� �%

N��� �������! ��� ���!.����!� � ������(��������"�����������!(�����#����!���!�i��������XC%

Центрирование горизонтальное и вертикальное�� b��������*���

�� ���������

�� ����$����

�� :�!��.����

�� � ���� �$��� �����-�����

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

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

�� U���"���� ����������������

�� W���!�! ����� ���!.���� ����������������

)� W���!�! ������� ����������������� ������������"

H� E�,

:�*�������� ��,����.�.������.�"���!�! �����/����� %�-�����������#�����F���� �������!�F�������!��%

D��� ���������

����� ����

N��"���!�! �������� � ���/����� �;������������� ����!��������������$������T

� )������

! ��� ����=

% ��������� ������������D

' ����� ��$������ ��������>

# ��B

)�������

9 �

& )��������*( ���(�dFT\J)����

8���������������'�����!���"-�����������>� ������������������������"����;������4

Page 90: Язык javascript ч 2 1

"� )������

"! ��� ����=

"% ��������� ������������D

"' ����� ��$������ ��������>

"# ��B

" ��������=

"9 ���������$��""��>

"& ����� ��$������ ������>

": ��B

�" )�������

�� �

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

�% ��)��������*(����(�dFT\J)����

�' )����

%���#�� �����������$���'����'"�����������������BCH c�9!������������������������:�

� ������ ���

N�� �����!�(��! #�.!���IJK#L#��.���,!�������"���!�!(���������$���� T

"� )������

"! ��� ����=

"% ��������� ������������D��+�kGY�@5)W�+�

"' ����� ��$������ ��������>

"# ��B

" ��������=

"9 ���������$��""��>

"& ����� ��$������ ������>

": ����� ������ ���D��+�kGY�@5&-�H�_WcRHh�ZWQcaFWSE�+�

�" ��B

�� )�������

�! �

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

�' ��)��������*(����(�dFT\J)����

�# )����

%����#���������������� ����#������� ����������������������������

6'$#����������������������������#�������!������� ���������"�����0@v��;"-���

������*��,�������

Q�����������������$��� ���������$��� ������ �����!�(��!� ��������������� �G����(����

Page 91: Язык javascript ч 2 1

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

/������.�)����� ���!�����%�N����� ������� �������� �!���������"�$�.�"��*�?�B?���`j�h�a�kC��`a�

i��j�`C%

,�����������

N��,!�������,�"���!�! ����� �G��!��%�:�!��.�����)�������������������!��(���!��� �

���"�$�.�"���*��������� ������ ��� ����!����!���%

-�����!���� ����!�F����%

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

W���!�!(��� �/���������"���!(�������������(�.��������!�������� �!��.����!��

��9��� �$#"�T

"� )������

"! ��� ����=

"% ����� ���� �$��������>

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

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

" ��B

"9 �

"& ��������=

": ����� ���� �$���� ����>

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

�� ����� ��$������ ������>

�! ��B

�% )�������

�' �

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

� ��)��������*(����(�dFT\J)����

�9 )����

7�� �����#�� ����������������3�������"���&��������&����,�������;"-����+>�

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

:�����"���!�!(��,�/��������)���������� �����%�V�������)�����������(�� ���(%

-�����������#����/��! ��������!.�#����G� �����!� �������������%

&!���������/����������2 ������!����9�������� �T

"� )������

"! ��� ����=

Page 92: Язык javascript ч 2 1

"% ����� ���� �$��������>

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

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

" ��B

"9 �

"& ��������=

": ����� ���� �$���� ����>

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

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

�! ����� ��$������ ������>

�% ��B

�' )�������

�# �

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

�9 ��)��������*(����(�dFT\J)����

�& )����

3�#��"��m�H�)eZ2

0)�����,����"���!�! ��������,!������#������� ������,!�������� �!����!#��!��

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

7����������'����������

:�!��.�����"���!�! ������(���!.(� �/����������� ���� � ��� ��������)�#�(.��� �/�(� ���(

�� �� ������������T

"� )������

"! ��� ����=

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

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

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

" ��B

"9 )�������

"& �

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

�" ��)�� �������*(� ��$����� ������(�dFT\J)��� ��

�� )����

Page 93: Язык javascript ч 2 1

7�����'����� ������*������&���� ���������������� ����������-�������",�������������

��","(�����" ������#������$,�����*������*���"�������

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

��� �� ���X�����?2�?�j`#�.�!��(�!� ���� �!��.������!���)������/������#������� ��!�)����

!����%

=�&������������ �� ����

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

-,� ��)������������T

� ������

Q����������(������%

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

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

'��!���!#���)�����������"���� �����[2�������������T

"� )������

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

"% �����=���

"' ����� ��$������ ��������>

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

" ��B

"9 )�������

"& �

": )� ����

�" )���

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

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

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

�' )����

�# )�� ����

6'����������� �#������#������������������$������������-������&��������

�����"��`�����'����� ���-����'���"�*��"-�$��!�����������'��"�

�������������$�""�>�����$�""����������#����� �"���������"�����*�������������$������ �����'"�����������������

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

IJOl%�:���������������������������"(#���.�.�.����(�������������������$����������%�N��/�������

Page 94: Язык javascript ч 2 1

����.����������������(��������)���,!����� ���������F�!������"���!�! ����#������ �30%�E#� ����

����#�!�������������������T

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

)��������*(����� ���� ��������D������ �� ������������D� �������$��""��>�� ��$������ ������(�

��)��������NSbTQ)���\�GzZSp�E^\SJSp)���H�OHWHNSp)��������

)����

3�����%���&� �!�����������!.��������������&$��� ����"��(���(�6��!�����4

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

�,!���� ���������F�!�������������������!�� ������������!)���%�=����� ��,���)������%

z�����,�!�����(��#��()��(.������������� �#����!���!T�%""��T

)��������*(�������$�����������>�������������$�������>������$��""��>�B�����C����>�� ��$������ ������(�

��)��������NSbTQ)���\�GzZSp�E^\SJSp)���H�OHWHNSp)��������

)����

F�-��������������& ��������������$�����������'���(� ������"�#�����"��"�����'��$�

<������=����#�������* ����'���������'��$��������

=���)���������#��� �!�( �3��� ���� .(4� �/���������������$�����#�.�!�(������� ���F�!��(T

� )��������*(����� ���� ���D�B���������(�

!)��������*(�������$�����������>�������������$�������>������$��""��>�� ��$������ ��������(�

% ��)��������NSbTQ)���\�GzZSp�E^\SJSp)���H�OHWHNSp)��������

' )����

# )����

Page 95: Язык javascript ч 2 1

@�����������*����"-���,��������*�����������������������'���#��������",��

������� �������������$�"���� �����'��#�$&�!��������������������$�������������������������",&�

L����������������������������� �� ����

N����� � ���/����� �>�������$���������������� �CD#� .�����.�!���.�#�� �� ��������

�����"���!�!(���������� �2/������ �.!()��9����,���.���%

:�/����(�������!�������� ����.�.�

�!(, T�

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

=���)������� ���������"���!�! ����#����� �����!�������� �����#���"���!�!(��,�/�������

;����%

N�(����#� ����� ��F��,�/��������!"��%��.�)����G� �� �� ������������T

"� )������

"! ��� ����=

"% ��������������$��!"��>

"' ��B

"# ��������=

" �����������$���������� �C>��+�XFNJWHWSEQJK��+�

"9 ����������������$�������>���+���bS�EFWJHTQGH�+�

"& ��������������$���!#>��+�bFWFSbWF_FGHJK�E^\SJc�\JWSTH�NQ�SZ^INcz�+�

": ����� ��$������ ������>

�" ��B

�� )�������

Page 96: Язык javascript ч 2 1

�! )��������*( ���(������*(�����$��!"��>� ��$������ ��������(�

�% ��)�� �������*(����(��FNJWHWSEQN)���EFWJHTQGKNS)��� ��

�' )����

�'�����������&�'��"����&��BCDE�

H �� �����������������(����#��/��(�����������3�!� ���(�4� ���(���!.������!��!��������G

�������%

L�������������������� �� �����&� ���&���

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

�����(�������"�>����������$����������D���������������%

0)������������,���(�� �9����������"#��!����9����������� �C#����������������

���,�����,�/������T

"� )������

"! ���� ��=

"% ���������$���������� �C>

"' �������$��""�>

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

" B

"9 �

"& ������=

": ���������$���������� �C>

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

�� B

�! )�������

�% �

�' )��������*( ���(������*(�����$�""��>� ��$����� ��������(�

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

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

�9 �����FNJWHWSEQNN^p)���rGFMFNJ

�& ��)��� ��

�: )����

Page 97: Язык javascript ч 2 1

• 3�����������"��$��!�������������+����������,����*�$��������'������� � �

�����(+���(������-�"(��$��"�

• W���!�!(��� ��.� �! �������,���!�����%

N�� ����� !���������!�(��! ���IJO��)����� ���� ���,������ �/��������!���$��� �T

"� )������

"! ��������������=

"% ��� �����$�AA>

"' ���������$���������� �C>

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

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

"9 B

"& �

": ������=

�" ���������$���������� �C>

�� ��������������$�������>

�! B

�% �

�' �+�_SZQEHM�RSWHaSNJQGKNSF�XFNJWHWSEQNHF�+�

�# � ����=

� �����������$������>

�9 B

�& )�������

�: �

!")��������*( ���(������*(�����$�""��>������$��""�>�� ��$����� �������C(�

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

!! �����FNJWHWSEQNN^p)���rGFMFNJ

!% ��)��� ��

!' )����

%��������$�����'����������-��,��������*�������������������������$��������;��

�$���-��������* �#������������������"�������!���������������������,��������*�� ����

�����,�����"���������

Page 98: Язык javascript ч 2 1

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

����%

:�!������� �T

c% ��!�����F�� ��!�����)�(�����������������#��(���)���������*( ���(�)�����

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

s% 1��� �����!��#�����������!�"������ �����������(�����#�!� �� �!����!(��!���#�

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

:�!��!�F����T

"� )������

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

"% ��� �����$�AA>

"' ���������$���������� �C>

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

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

"9 B

"& �

": ������=

�" ���������$���������� �C>

�� ��������������$�������>

�! �����������$��"�%#��>

�% B

�' �

�# � ����=

� �����������$������>

�9 B

�& )�������

�: �

!")��������*( ���(������*(�����$�""��>������$��""�>�� ��$����� �������C(�

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

!! �����FNJWHWSEQNN^p)���rGFMFNJ

!% ��)��� ��

!' )����

:��9�

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

Page 99: Язык javascript ч 2 1

N��,!�������,�"���!�! ����T

• ���������$�������;�"���!�!(������ �2/������� ��.�%�:�IJmO�"���!�!(��� �G#���/��

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

• ����$�"���� �;�"���!�!(����.� �(�!��!�����%����.���)��������(.������F�!���%

N�� �!��.���,�"���!�! �������,��.�� �(�!���!(,,T

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

V������� ���� �$�������#����.(�� ���� �$��� ����>�� �$#"��������� �$�)bSGSEHNQ�

E^\SJ^�bSJSMTQ�%�e��,�����)���"���!�! ��������,!������%

'�����$�����#�������������������� ������� �������� �����!���������

&��� �����.(�����������$�)E^\SJQ�%�'()���.�.!�����������"�� �����>��#���D%�

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

��.(9� �����������%

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

&��� ���������������!������ � ����,� ���(#������.(����� ����������$��������� �C%

)������������������������������*

N �� �!�����T

�� H������/�����2!��������� . �����"���!����9���������$����������>IJOD����

!���� �����"�#������� ������(�������������$������%�1�����!������#������

���������������"� � ���������,��.�%

�� V�F������� ���,��������/������� ���$��� ������� �2�.���%�:����

(�� �!��������������G������"(%

�M

&������������ �"���!�����!����9��*��%

E����� �

.�T�

Page 100: Язык javascript ч 2 1

E����( ���*��#������������������� �

"���!T�

• *������"���!�! ������)�������� ����!����!������%

• *������"���!�! ���������)�����!���������.�.!���� �!����!���%

E����� ��.(����T��B�A���?<]�AhCX�<aAi<]�??2CAB��X<�`aXq%k�i?%

V�F����

H����������� �"���!��!����9�������� �*#"�#����������!���������,�(.������������T

� ������=

! ����������$���� ����>

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

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

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

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

9 B

&�� �.��!�F����T��B�A���?<]�AhCX�<aAi<]�??2�CC<�`aXq%k�i?

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

�M

H��� ����!����9��5678<*���$!�(����,���� ��������.��%

Page 101: Язык javascript ч 2 1

1�.

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

U!�� ����T

• P��.��.��� ���$!������!�������>��)������ � �.!� ���)���������D%

• &(�!�!���� �,(� �3/.!��4���������,!���"����!"��%

• �!���"���!�! ���� �!��.������,!�������#��G�!����!��$�.��! ���%

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

• '����������!���!.!(�.�%

S!�(��!�T� ����� ���#�IJOl%

E����� ��.(����T��B�A���?<]�AhCX�<�CC<iAa�?2?Aj�`2C��<�`aXq%k�i?%

V�F����

H�!(.�(!��!�F����

p�,��!�F����T

�� N���,#������/�������.������!�����#�����()����!�.!����0@vASM���

��F����������%

�� :�(�!����,��(�����)����3/.!��4����(�!�!�������%�z������!����,� ���#�

�)���������(�� ���� �$���� �������(.������ ���

.!������� ������������ �� �%�=��!������� �IJOl%

�� �!�(��)���"���!�! �����!����9�����������������$�������

����l����������������� ��F����0@v%

V�F����

�B�A���?<]�AhCX�<�CC<iAa�?2?Aj�`<�`aXq%k�i?%

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

�M

Page 102: Язык javascript ч 2 1

:�.�����)�������(����� �!��.�����"���!�! ������!����9������������-���������

����%

&���(������!������+�'�)���������!���!#������( ������>��!�.���)�������� �"���!��

�� �!��.��D%

���

"� )������

"! ���� ��=

"% ����� ���� �$���� ����>

"' ���������$� "��>

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

" ����� �������$�!&��>

"9 �

"& �����������$�����������>

": ����������������$�������>

�" ��B

�� )�������

�! �

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

P�.���������"���!�! ������!����9��*��+�H �� ��� ���� ��������������������%

V�F����

&��.��.�

W���!�! ��������!���������2���� ���� �$���� ����%

V�F����

W���!�! ��������!����������(#����� ���� �$���� ������ ��������.���������

/�����(�������������� �C%

:�����!�����(�����)���������"���!�! ������!����9������������T

���

"� )������

"! ���� ��=

"% ����� ���� �$���� ����>

"' ���������$� "��>

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

" ����� �������$�!&��>

"9 �

"& ��������������$� "��>

": ��B

Page 103: Язык javascript ч 2 1

�" )�������

�� �

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

-���)��"���!�! �����()�����.�.���!.�����.#�����������!(,��������.��"���!�! ����#

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

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

Правила форматирования CSS�� 1�-���������������������*���������

�� P�)�� ����.�!�;��������� ���!.�

�� H �� �#�������� ���9�������.(����#���(����! ���

�� 1!,�����"���*��2$� ��!�.��

N���,#������*����,.�������#��������������������!� ��$!����! ����%

+�*�������5�����M������������5�������

U�.�;��� �!�T

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

U�.�;��!� ���T

� ������� ��� ���!�=

! ����������$���� ����>

% ������$�">

' �����$�">

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

�������B����$�� ��>

9 B

W���;�(�F������������#��!9���� �������!� ����� �� %

+�*�(5����������M������������5�������

'��!� ���T

� ������� ��� ���!f��� ������ ���!f�� ���� ���!�=

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

% �������B����$�� ��>

' B

&!� ���T

� ������� ��� ���!f

! �� ������ ���!f

% � ���� ���!�=

' ��� �����$�"�"� ���">

# �������B����$�� ��>

Page 104: Язык javascript ч 2 1

B

W���;�(�F������������#��!9���� ������.�!%

/��5����.������������"2C���������$!���.���$��%���(!�

V�.����(�����!����,����� �� �� ����(�9����!��.�T

�� H�������)�����/�����������������!(,��T

� ���� �#����������� ��� �� �#��� ��#�����#��������%

�� Q�����!����!�������(��T

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

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

�� 1�9���$!���������!)��,T

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

)� W �� �������� ��$!�����T

���C ���#�� � #�� ���

1�9���,�.���!��! .�T�3���9�,�;�.�.����(��������� �)��(4%

&!����.���!��.��� �� �#��!�����9�����!(.�(!(��.(�����#��(�(�� ��������������G�� #� �

�����#��������������������� ���9���>���!���!�" ��D�;� �.�"�%

'��!���!T

"� ������� ��� ���!�=

"! ����������$���� ����>��+�bSaHXHSNHWSEQNHF�+�

"% ������$�">

"' �����$�">

"# �

" ��� �����$�"�"� ���">��+�WQaMFW^�H�SJ\Jcb^�+�

"9 �

"& �������$���>����������+�\JHGFESF�SVSWMGFNHF�+�

": �������B����$�� ��>�

�" B

• H �� ������!�$�.�����F������������%

'��!���!T

����C���� ������ �$"�"��""���!"����""">

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

=���()�#������������!�����>.���������D�!�����"��� ��,������� �)���#����� !��������

�!�(��!���%

7�9��� ���"�N�� ��5����%������

H�����)��!������������ ���� ����,!(���T

�� S.�2.��������������� �*��%�'��!���!#�*���������, ,�.��#�*�������!$���

��������#�*����������%

U�. �*�����G��3 �.���.��4�����(��#��,�(���� ������� ���������$� ������.������

Page 105: Язык javascript ч 2 1

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

P����#��!��!��!���.���(������,�*��2$� #����!�� �.��.���!�.�������������!.����

�)�����*�������������!�.�� ������ �����������!)���#��r������� ���*��� �����$� %

�� H�!������ �������,!�!(�9� �*��%

=���*������� �����9� � �����!���"�#�!���)�����.��������������������(��

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

� ������� �����=��+�bWSVHGK�ENcJWH�ETGQ_TH�+�

! ����� �$�����>

% ��B���$�%""��>

' ������$�!""��>

# B

:�)������!���������.���)�� �������������.������!����T

"� �++�***************************

"! �+��jWSVHGK�bS\FJHJFGY

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

"' +�

"# �

" �� �����=

"9 ��������$������ ������>

"& B

": �

�" �� ������!�=

�� �������$�����>

�! �����������$���&��>

�% B

*��2�!��!"���!�#���.���.�.�����#�8J��#���@?BC#�}�Xu�q2u�XX�����������������*��������(�����%%

:���!����������������������( ��%�-����� ���#������� ������������(���!���!���.(�*��#�

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

Окружение: DOM, BOM и JS

I��"������������"��������&��'G����� ������$���$���-������*�����*����������'����

'��!��(�.������������.����!�)������!(.�(!���� �����!�(��!�����r�.� %

Page 106: Язык javascript ч 2 1

'�� �!F������������� �#�.�!� ��9������ ����,��������r�.��%

:������������r�.�������������[�,!(���%

+�,� �������������� �������-./01

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

'����!���"��\[*���7� ���)������ ���������!�����7#�!��!���������������\[*%�'������� ��������(9��� (���[�(! �����7%�H !���������!�(��!����.)������!)� ������.�!��� ��)����#�.�!������� ��������7�n���.�!�����������9����� �/���#�.,���������\[*%

+�,� ���������������������-2/01

��7�;�/���r�.������!�����������(,��#�.!����.(�����%

N��(��.�$!� ���#����!���.���! �!(#�$(�."��������� ������ ����;2� ���/����7%

S�F���� � ��)���� ���7�������!����! ���� �5678M#����!�(��!����������!�������2���(���� G#�������%

+�,� �����3�� #���4565789:;<

����C������;�� ��(�9� � ���/�����.%�:��!������ ���,��r�.������������.� ��������)����� ���� ����������!�(�J*7�2sKs#����.������!�(��!��.�/��(�����!�F�%������)�������������"�������%

o����� ��r�.������ ��������� ��!�T

�� =��.���!�(��!�%�����,���������������� ��� ���;<#���� �� ���;<����!(,��%

s% =��,����� ��r�.������������%

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

BOM-объекты: navigator, screen, location, frames�� ������ � �4������������'��"���

�� �����

�� � ���� �

�� 0�������� �� �� ����8 ���� �

�� 0������r�.��� ����8 ���� �

�� �����

Page 107: Язык javascript ч 2 1

)� ���� �

H� E�,

:�/� �,� �����!����!G���!�(��!�����r�.��#�.�!��������������.��.(����(#����� ���������%

� �� ���'�%������!����&��$ ��

1�r�.��`���j��A�����!)����9(����$!��"�����!�(��!������!�"��� ��������%�1�������!������������ ��� �� �T

• ������ ����e����;����!)�����$!��"�����!�(��!�%

• ������ ������ ��;����!)�����$!��"�������$!��#��� ����!��������

\�`aAhC<8�`Bq<7������%�%%

N�� �F�,��!�(��!����������T

���

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

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

H��!(, ���!��#��������()���!��������!�(��!+�-�����������! �!���#�����!)� �������!�(��!�

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

U,��� ��(�(9��#�.,����!�(��!���� ���� (�� ��)����#� �F��.!�����(��)����� ������G����!�)���

!������%

'��� ����>!��.D#��������!�������������$!����#� ���.�!��� �!������!�(��! ������F��.��>��2

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

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

������

1�r�.��C��XX`����!)����9(����$!��"�����/.!���#� .������,�!��!�F����#�" ����������%�%�1��

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

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

U�.(9���!��!�F�����/.!���������������,!������< �!��.������������

�����������<�����������%

V��!�F�����(� ����� ���T

�����������

=��� �� ��)������� ���������!�������������. ���$!��"�������������%

����������2.��������. ������ ����/�(���$!��"�������!� ���������! �!%�E������/��(��)��

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

��� ����

1�r�.��� ���� ���!����� ������$!��"������.(9���bw8����� �����������������!����!� ����

�������������!(, �bw8%�Q���������/�,�� �� ��� �������r�.�������8 ���� �%

)����(������5�����H�� ����

H��� �,� �� ������;�/�#�.�����)�#�� ?���%�1�� � !�9������� �bw8%

Page 108: Язык javascript ч 2 1

H��(�9���.��.�� � �������.(9� ���!��T

P�#�.�!�(��()���! �������!. (����!�"�������� ���� �#��)�����������!� ������r�.��.�

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

���

� ���Zc_FJ�SOHZTQf�J�T��� ���� ����NF�\JWSTQ

! ����;����� ��� ���� �������/�;A$��A<�<>

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

���

� ���bWHEFGH�T�\JWSTF�bFWF_������/�

! ����;�;���� ��� ���� ��-�AA<������/�;A$��A<�<>

:������(�9���� �� ��� ��������!.���%

P�.��3&!���!4����!)���������������������� ,�bw8T

• k���T<<hhh%jAAj?X%�AiTOn<CX���k+�Z����C�������XC�

.������ 6���� 3����

����#��*�noM ������������������������

�������pqr ����(#��������pqrqVesV

� �� &�������� hhh�[dd[ge�RdZ4Dm

��� ��*�noMiVVU4AAhhh�[dd[ge�RdZ4DmAseOSRi2

tuvOPOsRSTUVqVesV

� ������ &���9'��������: hhh�[dd[ge�RdZ

�������� �������"��9�������*���&���: AseOSRi

� �������������9�����������"����� �����"����

�����:Dm

� � � � �������� iVVU4�9������#����������:

�����#��*������������������(�( ����(#���

����(�(2tuvOPOsRSTUV

S�,���k�Ck� �t��XuAq

:�t��XuAq��������,T���������2.���������!�������!)���bw82.��! �������� �#���

� �� ������ � !�9����!��.��! ���� �.������%�N!(,����!�(��!�� ��(�������.!!�.��������

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

U�����#��������� ����(�!t(� ����!�(��!�� �!�(���,#�.�.�����#���t��XuAq�!��.��!(����� �!����

��� �(�(%

)����(��&8�����H�� ����

5==:>?-@9A1

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

9BAC5D-EFC98B>B<G1

Page 109: Язык javascript ч 2 1

��!���,!(������.(���������.(9��(�bw8%�e!,(������ �����2��(� ���������#���������#���

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

��!���"(����� �,�./F�%

9B;A58B-@9A1

�����������.(9� ��.(���������.(�������(.������(���%

<C7<9:?>-1

P�.���()����� �F�#� � !�9������!. ���!����� �����bw8%

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

������$�"�! ���,�B�?���� �� ������������ ��� ���� �������;<%

0)����!����!� ������� �����!�� ������� ���� �#����!���!T

���

� ���ZWQcaFW�aQRWcaHJ�\JWQNHXc�����$�������������

! ���� ��� ���� ��*�(����$�������������(>

-9���!���!%�1����!���,!(������!���"(���� ������!����!��������(�(T

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

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

B

&!�� �� �������?����;A7��0���A<������! �!���!� �������!.�

����!����!�����7��!"0���%

� ���� �������!������9���

&!��������bw8� �� ��� ���� ��������;��<���!���"��,�!����! ������������� ������ �

���!������9��� %�:���������#�/��������#������������������)�������� �������

� !����.��.(��!�(��!��3'����4%

&!���!�����!�� �������� �� ��� ���� �������;��<�;��� ��������!�(��!�T���.�!���

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

�� ���

P�."��#����!)�9���$!� ������$!� ��%�0)���!�9������.�����.�.������!(#���.����������%

:����������!)�����h�`aAh2�r�.������!����$!� � %

H��(�9� �.����!� ����$!� ������ � �bw8T

���

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

! �

% )������

' ������ ����������������� ���� ��*�A����$����������� �A>

Page 110: Язык javascript ч 2 1

# )�������

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

&���.��������������!�(��!��(��!������.#����.���)����!�9������.���!��������

$!� ������!��(���F�� �����(���#���������������������������������> .��������)��

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

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

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

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

������

1�r�.������ ���� �����������bw8�������!���,!(�.����!���"��> ��!�������,�)�������D��!��

��9��5�C�A�@��}I#�����.)����!����!� ������������������2 ��!��������!��%�=����������������

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

1�r�.������ ������!����� ���� ��)���������������!������9��� %�0)����!� �������������

������ �� ������ �����C;<���� ��!��� �� ������ ��� ���;<#����������!�����!�(��!���������

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

:��9�

S!�(��!�����r�.��T

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

H��!)�����$!��"�����!�(��!����/.!���%

��� ����

H��!)�����$!��"������.(9���bw8����� �����G�������%�Y�������������#�.!�������#�

��!�,!()������!���"(%�U�.)���)����!�,!(�������!���"(�����! �!��

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

�� ���

H��!)���.�."������� ��SZ�FTJSE����.�)�,�������!����$!� � %�P�)�� �$!� ��

���(���������!(�>���(�D�����������#���������(�����%

������

&� ������!� �����������������!����(9(�<����(�9(����!���"(������!��#�����.)��

���������bw8�������!���,!(�.����!���"��������� ������5�C�A�@��}I%

H(9��� (������!(,����!�(��!�����r�.��#���.���.�.��786���q������#�.�!������������!���

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

Дерево DOM�� 3�����wxL

�� -9G�(��

�� :��)����#�.�!����������7

Page 111: Язык javascript ч 2 1
Page 112: Язык javascript ч 2 1
Page 113: Язык javascript ч 2 1
Page 114: Язык javascript ч 2 1

&!��������� ���7#���.������������� ��.(�����

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

'��!���!T�)���)�����;�(��2/�������������. %

H��(�9� ��.(����� �9��������!)����!�������(� T

)20/,3145�6378�)����)� ��)������3����)�������)�� ��)�����)������)�����

:�IJ��� �!�������!�������(� ����

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

��72��!� � �IJK#L#O������.��.�.� ����������!�(��!��%

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

=��!����������(��������� � ��(��!��!��!���.�����IJm�%

��*6�}J�;��)��(��f

:�9�2��/����.!��#�����*6�}J��)��� ��������72(��#������������ ���!� ����7�

�� ����5678�>���!��(�.�� �F��/���$�.���.!��D%

}%�%�'��������.!����2�.����#�F(�.�#�����/������!� ������.���� ��������%�H)��

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

,� !�*�����.������(�������OPQ

Q����#�.!���.!��� ���!��(�. #��()�����!�!�����.����������7+

��7��()�������,#�����������(�! ������!���"� �;����������$!��"������5678#����� ������

���������/������%

'��!���!#��)����������" ���./01��� �!�(����!���T

���

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

! ����;AjSMFNYGH�XEFJ�./01A<>

Page 115: Язык javascript ч 2 1
Page 116: Язык javascript ч 2 1

H�!� ���(����!����������$!��"�����/������T

HCI;@<BD�7<JAB

E�, ���� �� ��*���/������#�.�!������!��!G� �!��(�������!��������� ��,�.��.�������� #� .����� ��F����*��2$� ������!��(�������%

7<JAB

P��.������� #��!����G��� �.�/�����(%�P�)������� ���!� �������#�������)���)��������������.�.�%

0B<9:8=

V����!��/������%

k

E��9����.�!���!�)�������(����� .��.�#�.�!�������(�������������!����(��������7%

��7�������������!�)������ �����!(������f

:� .��.��J?XiX`�C������!�)�������!�������(��%

=�����������(���� ���!���!�%�'������2�������������%

RSTUTVW� �+������

Q�����(���� �����()�� ��!����/��������7������������������2���������������%

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

&����� �/�����#� ��!���� � � .��.��J?XiX`�C#����(���� �.����.�.��"#��!����(9� �;��������.�����%

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

z�����.������/�����������2��!����� � � .��.��J?XiX`�CT

c% :� �������,� �.���%

s% P�.���������G���!� �.��. ���F�%

[% :���!������ ���� (�9� ��(�.������%

Page 117: Язык javascript ч 2 1
Page 118: Язык javascript ч 2 1
Page 119: Язык javascript ч 2 1

�% �

�' ��)������

�# )�����

:���!����7����� �� 2���.����(��� �.����� �����������3������.,�/������4����3(�������� ���4�

�����(�����������������#�������%

<��������6��!���(

E��(��2!�������)���(����� ������!����/������%�N��/�,���������.�.����� %

����Y����

&�� �2����� ������u �����!����� ������!����/������#� .�������.�� ��%

&!���!���)������ ������ � ��������!����/�������� �������� ��T

"� )20/,3145�6378�

"! )����

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

"' ��)�����

"# ����)���jSGKaSEQJFGH$)����

" ����)���

"9 ������)���iQOQ)����

"& ������)���[SESITQ)����

": ����)����

�" �

�� ����)2���TSMMFNJQWHp����

�! �

�% ����)������

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

�# �

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

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

�& ������B

�: ����)�������

!" �

!� ��)������

!! )�����

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

:� �����!�(��!��#�.!������!���IJ#�� �������� ��������u ����"��/����.�� � �(�������!�� #�

��0@v�;� �! ����.T�� �������� ��������u ������%

:�IJO2��������������(�������.�� ���(��#��/��(��������������(������0@v%

P�.� ���(�����#�����(���!���������(� � ��!���!�� �F����.���� ���������?,q@43�+�'�()������

�.!����������!����,�(��+

Page 120: Язык javascript ч 2 1

V�� �!�(��

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

�������

e����������.�� ���(�������()��+�N��/�,��(9��� (���� �� ��������#�.�!����!��������

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

&���!������(�9� ��!���!%�1�������������!����(9��(#������.���������,#���� �����

�����(������������� ����������u ���%�&/��(����(���� � �������� ���(��#�����.�(��2

/������%

"� )20/,3145�6378�

"! )����

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

"' ��)�����

"# ����)���jSGKaSEQJFGH$)����

" ����)���

"9 ������)���iQOQ)����

"& ������)���[SESITQ)����

": ����)����

�" �

�� ����)2���TSMMFNJQWHp����

�! �

�% ����)������

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

�# �

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

�9 ������������;����������<>����0@vf�g8f�?,q@43

�& ������B

�: ����)�������

!" �

!� ��)������

!! )�����

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

:�IJm�� ����������!��(��� (���(��2.������!��

H���.���!�����������!���/��F��.�#���IJm����.)�� .������ ���������(��#�

�� ���� (�9���56782.������!���%

�M

N����!���"�T

Page 121: Язык javascript ч 2 1

"� )20/,3145�6378�

"! )����

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

"' ��)�����

"# ����)���jSGKaSEQJFGH$)����

" ����)���

"9 ������)���iQOQ)����

"& ������)���[SESITQ)����

": ����)����

�" �

�� ����)2���TSMMFNJQWHp����

�! �

�% ����)������

�' �������������EQO�TS_

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

� �

�9 ��)������

�& )�����

• '���F����.�#�.�!� ��(����/������65e0��!����9���������%

• '���F����.�#�.�!� ��(����g8%

• '���F����.�#�.�!� ��(���� �! �8@%�S(������ �F�.��!�������.!��2

�!�(��!�#�����.������!� ���!�����������)�(�/���������8@+

V�F����

P�T

� �������� ������5���������������"�>�����65e0

� �������� �������������>����������������g8

� �������� ������������������������>����8@

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

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

z����/��� ��#��()����������� ����.������!��� ����������5678#�,�������!(�������.��

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

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

/�(��������-������

N��.�$!��,���!���9�������(�����(9��� (��������������� �� �#�(.��� ��9��� �!�#� ���#

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

�����Z������� ��Z���

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

Page 122: Язык javascript ч 2 1

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

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

&���(��.(����� ���(���!�.(+�N�����(����������� �����!�� #�����! �������������(�����

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

:�� �/����.(����������,�����������,������(�(��(.��� ����()��������(��2/������#��������.�� ��#�

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

� )����

! ��)�����

% ����)������)����

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

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

��)������

9 )�����

:������(��������,�����������,�����;�/����������!� ���.!�.� �������!��������.���! �(���

�������(�/�������������u ���%�:�!���!� ���� �T

� �������,�����***�� ��������u ����"�

� �������,�����***�� ��������u ����� ��������u ������������

���X`��AaX#���X��ABC��]?�`j���`Xq���]?�`j

• H �� ������u ���������������!������.� �(��%

• H �� ������ ��?������������?��������������(��.�� �(����!� �(�����(%

'�)�����!�)�������.����)�(�./01����,����.�����.(�����T

"� )20/,3145�6378�

"! )����

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

"' )�����

"# ��)���yQIQGS)����

" �

"9 ��)���

"& ����)���mS_FW`QNHF)����

": ��)����

�" �

�� ��)����SNFX)����

Page 123: Язык javascript ч 2 1

�! )������

�% )�����

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

H��.��>�!�������(������������!�F��. ��DT

:����� �,�"���������.��;���.����������%�&!���������������7#���� ��������(�������

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

�M

'���F�������� �.!�.� �.������! �!.�#��(�����/����������%�3&(�� 4�;������������

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

���;�+���EQO�TS_�bWSEFWTH���������+�<�=�caFG������bc\J�B

V�F����

:��������!�����������#�.�!����,(���!� ������(�T

���;2����<�=����B

=�����!������#���.�.�.������ ��,�������#���� �������r�.��%�U�.�����! �!.����;����<� ��,���

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

���;2����������u ���<�=�����B

U)�����!������#���.�.�.���� �2����� ������u ���� ��,����(9��� (��%�1���)���������(���

������(��#����� ��,���� �������r�.��#���.�����! �!.����;����������u ���<� ��,���

�!��%

Page 124: Язык javascript ч 2 1

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

� ���;2����������u ���������<�=�����B

! �

% ���;2���������,����<�=�����B

' �

# ���;2���������,����<�=�����B

&����� �2����� �.!�.� %

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

�M

-��������;�/���!�� ��� �(�����7�

:�!���#�������������,���������?������ ��,�������+

:�!���#�����������������"������ ��?������ ��,��������+

V�F����

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

�����%

1, !.�T����������,���������?������ ������F��.(����������������������� %

�� '��#��� �!�#�/���)����������.�� � �(��%�Q����������������������"�� �����

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

e��,�����!����(9��(��(���#�����(�������������� 2/����� �;��(����

F��.�%

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

=�&���(

������"������������������ �� ���������(��� ��� �,�"���������> ��������������

������DT

[8\HX

• ������ ���;�����.���!.�3q�����"�%

• ����������� ���6�����t ��;����.�����/�����������"��,e43@/u#�365e0#�3t//3%

• �������. �����;�����.�/����� �����"��3./01#������"�$�.�"�������)��������

���.�.%

[]X8^�[A__[�[\_^`

• �� ��� ���;�����.���!.�3q���."��%

[a

Page 125: Язык javascript ч 2 1

• ��������;�����.�����.�30�36

• ������� �q �@�����;����!���!.�� ���.(9� ���."���365e0�3./01

• �� �@�����;����!���!.�� �����"�

[^�[]

• �������@�����;����!���� .�� ���!.�

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

���

"� )� ����

"! ��)����)���S_HN)�����)���_EQ)��������)����

"% ��)����)���JWH)������)���IFJ^WF)�����)����

"' )�� ����

"# �

" )������

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

"& �

": ����;���������B�b�c������b�c�����6378�<����(S_HN(

�" )�������

H��"�$�.�"��T�56786�]?XJ?XiX`���`a�56786�]?XwAhJ?XiX`�%

=���� �� ���� ����(������!��!�����������"���#��%.%�������.���!9����.!��%

:�IJL�!���3��������4�� �� ����!������#�����/������ ����.(�����%

G��!(

=�������t/q7��)���(�������������������!(#������(��� �� � �������� ��������������%

'��!���!T

� �������� ���������VSWMQ�\�HMFNFM�A��A

� �������� ���"�����bFWEQY�VSWMQ�E�_STcMFNJF

Y�� �/������$!���� ���)���(��������,�������!���#������(��� �� � ����������%

'��!���!T

���

"� )�����

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

Page 126: Язык javascript ч 2 1

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

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

"# )������

" �

"9 )������

"& ��� ��*�� �������� �����>����MS`NS�� �������� ���"�

": �

�" �������*�� ����������� ��>�����MS`NS�� �����������"�

�� �

�! ����;����������<>����(S_HN(

�% )�������

�' )������

0)�����������.�.�/����� �������. ���������%�:���.���(����� ���������������� �!����

.�."���/����� #����!���!T

���

"� )�����

"! )�����

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

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

"# )������

" �

"9 )������

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

": �

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

�� �

�! ����;������"�������<>�����"f�bFWE^p������

�% )�������

�' )������

=������.������� �������.!()��9�����, %�=�������)��������3��!��4�,��2��,(�.� �$!��#�����

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

H��"�$�.�"��T�5678tA�iJ?XiX`�%

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

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

�!9�T�� �������������%

=��������;���������!��� %�1��!������� � �����!�(��!��#��� ���.�!���>���!%�t��XuAqD�;

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

Page 127: Язык javascript ч 2 1

���

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

"! �

"% )������

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

"# �

" � ���� ��,����;� ������<>����c_QGYFM�]JSJ������

"9 �

"& ����;� ���������������<>��������������;bWQEHGKNSf�J�T��c_QG}N<

": ����;� ������<>����E�t��� ��ESaEWQxQFJ�]GFMFNJ2

�" )�������

:�/����!���!��/������(����#���� �������� ���!� ����������������,%�z�������

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

7��6��!�����������!�

&�/�����(��)���(������,�$!�(#������(��� �� ���������� �%

&!���!T

���

"� )�����

"! )�����

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

"' )������

"# �

" )������

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

"& �

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

�" �

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

�! )�������

�% )������

&���!������.)�����"�$�.�"����5678I`�B�J?XiX`�����!(,���������/����� %

<�%���������(����(������"�6��!������X���!��YRZ[\

:���� !���������!�(��!�#� .�����IJ�l#�����!)� ������������������.�T

• �����5������, ����;��������� 2/����� �>*�������������D

• ����5������,�����;���! � ����.2/������>*��������"�D

• ����5������,�����;������� ����.2/������>*������������������������D

• ����5������?������;��!� � ��!��2/�����

• ���� ��5������?������;�� � ��!��2/�����

Page 128: Язык javascript ч 2 1

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

���

"� )�����

"! ������5������,����$�)������)����

"% ��)2���TSMMFNJQWHp����

"' ������5������,����$�)�� �����)��� ��

"# �

" ��)������

"9��������;� �������� �������5������,���������5������?�����<>����?4eu

"& ��)�������

": �

�" )������

H !���������!�(��!����.)������!)� �������������������!$� �������������7���$���!��

��(���T�u ��@���� #�3��t�������3�����C�%�1�������(� �!)������)� �snnn2��,�(#����.����

�!�.��.��.���������(������#������(��!�.�����.������!���������%�:���)����������������� �

������!�����7�s�6���X�C�?%

:��9�

H �!�(� ���7��)�� ��������!���� �������� ������5�������>��,�6378D#����

��!��� �������� ���>��,�./01D%

&�/�����(���7��)���(����� ��������� ���!������.�T

����Y������������

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

�����Z����� ��Z���

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

� ����Y���

V������.� �(��

�������d�����������d������

H����� � 2 �!�

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

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

K����#��[8\HX

• ������ ���;�����.���!.�3q�����"�%

• ����������� ���6�����t ��;����.�����/�����������"��,e43@/u#�365e0#�3t//3%

• �������. �����;�����.�/����� �����"��3./01%

%� #���[]X8^�[A__[�[\_^`

• �� ��� ���;�����.���!.�3q���."��%

%��� ��[a

• ��������;�����.�����.�30�36

• ������� �q �@�����;����!���!.�� ���.(9� ���."���365e0�3./01

Page 129: Язык javascript ч 2 1

• �� �@�����;����!���!.�� �����"�

L��� ��[^�[]

• �������@�����;����!���� .�� ���!.�

<�"����!

A_ae

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

M�������

=������� �$!��T�� ����������������������%�P�)�� �/���������������.(����$!�(� �

� �� ��� �%

=������6��!���(

:�� !���������!�(��!��#� .�����IJ�l#�!���� ���������������� �� �#�!�����9�����.����

/����� T

• �����5������, ����;��������� 2/�����

• ����5������,�����;���! � ����.2/�����

• ����5������,�����;������� ����.2/�����

• ����5������?������;��!� � ��!��2/�����

• ���� ��5������?������;�� � ��!��2/�����

Свойства узлов: тип, тег, содержимое и другие�� `�4� ����� ��3����� U�,T� ����� ��u���� ������������u���

�� P�.���!����"����)�(� ������u���� ����������� ��u���� ����+

�� ����6378� �T����!)����/������

�� U�.���� ��������6378

�� ���6378� �T�5678�(���"��.�

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

H� N!(,���� �� �

c� E�,

:�/� �,� �����!�����!����!���� ����� �� ����72(� T����#���,������!)���%

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

=�%'�����[���

H��!��������������()�� ��!������%�=��cD�/�����#�sD���.�� � �(�����[D�.������!� %

'�������������� �(� �,!������F�%�H�!,�, !�#����cs#������������� ����"�$�.�"����7��! ����cT

"� ���������u ���=

"! �����u ��3���

"% ��� �������������� �������58575u3�u/05�������*��>

"' ��� �������������� �������[email protected]�u/05�����*�!>

"# ��� �������������� �������35�3�u/05����������*�%>

Page 130: Язык javascript ч 2 1

" ��� �������������� �������,0e3e�?5,3@/u�u/05�*�'>

"9 ��� �������������� �������5u3@31�q5t5q5u,5�u/05�*�#>

"& ��� �������������� �������5u3@31�u/05��������*� >

": ��� �������������� �������4q/,5??@uo�@u?3qg,3@/u�u/05�*�9>

�" ��� �������������� �������,/775u3�u/05�������*�&>

�� ��� �������������� �������0/,g75u3�u/05������*�:>

�! ��� �������������� �������0/,g75u3�3145�u/05�*��">

�% ��� �������������� �������0/,g75u3�tqeo75u3�u/05�*���>

�' ��� �������������� �������u/3e3@/u�u/05������*��!>��

�# �����

� B

'��� �)������!���� ������� %

H����� �)����;�/��58575u3�u/05�������!��c���35�3�u/05�������!��[%

U���(������!)����� ��,�� �� ��� ��3���%

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

���

"� )�����

"! ��)����HJQJFGH$)����

"% ��)���

"' ����)���[Q\Y)����

"# ����)���jFJY)����

" ��)����

"9 ��

"& ��)2���TSMMFNJQWHp����

": �

�" ��)��������

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

�! �

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

�' �

�# ���������SJVHGKJWSEQJK�NF�]GFMFNJ^�

� ���������;�����u �������� ��3����2*��<���������>

�9 �

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

�: �

!" ����B

!� ��)�������

!! )������

�M

Page 131: Язык javascript ч 2 1

z�� � ������.!�������/� ���!���"�+

� )20/,3145�6378�

! )�����

% )������

' ���)������

# ����������;� �������� �������,������ ��3���<>

���)�������

9 )�������

& )�����

V�F����

'���F ��� ��;� ���#���� � !���� ���������.!���������������,��

� ������?,q@43%�S!�(��!�����)����!���������!���"(����F�#��.����� �������.!���%

U�.����!��(������(������>(��2/�����D%

���

� )20/,3145�6378�

! )�����

% )������

' ���)������

# ����������;� �������� �������,������ ��3���<>

���)�������

9 )�������

& )�����

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

=�9'�����Y ������ �Y ��

H(9��� (���"����� ��� �� �T�� ��u��������u���#�.�!������!)������ ����>��,D�/�������(��%

'�� �����56782��,�� ��,������������ � �!�����!�,���!�%

'��!���!#����� �������� ��T

���

� ����;�� �������� ���� ��u����<>������./01

! ����;�� �������� �����u����<>������./01

P,���� ��u������� � �!�����!�,���!�+

Page 132: Язык javascript ч 2 1

���!�(��!�������� ��!�)�����!���.���.(�����T�5678����782!�)��%�1����������(�����

!�)���5678#��782!�)��� .�������#�.,����!�(��!��(������782�.(�����

��!����786���q������>����,�������D�����!�����������, .�, ������3���$�

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

:��782!�)������!��������!�,���!���� ��u�����)��� ������3]Aa@4������)��3]�a�4�;� �

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

+���"��� �����!�*�$�� �Y ���������Y ���]

V����"���!�)���� ���� ������� �� #������� ����%

• H �� �� ��u�����!�����������,������ ���72(� %

• H �� ���u����;��������.�(�/����� �> �IJm����.)��(�.������!�� #�/��F��.�� �

�!�(��!�D%

E�����, !�#��!����9����u��������)���!���������.���/��������#���� ��u�����)�����2��

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

'��!���!T

���

"� )�����)2���TSMMFNJQWHp����

"! �

"% )������

"' �����_GY�TSMMFNJQWHY

"# ������;� �������� �������,������ ��u���<>������ �����

" ������;� �������� �������,�������u���<>��������������;E�@5):�ES\TG��aNQT�(2(<

"9 �

"& �����_GY�_STcMFNJQ

":������;� �������� ��u���<>������ ������f�J�T��TSWFNK�0/7����NF�]GFMFNJ

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

�� )�������

�! )������

&!��!�������.���(�����/����� ����������������� ������u����;���.�.!��� �%

�M

'���F����$(�."�����u���5������;����<#�.�!��� � !�9�������(�9� ���������(��2

/������>�,�!�!(�����������(��D%

&!���!T

"� )���jFWE^p)����

"! )2���TSMMFNJQWHp�������

Page 133: Язык javascript ч 2 1

"% )��[JSWSp)���

"' �

"# )������

" �����������u���5������;����<�=��+�EQO�TS_�+��B

"9 �

"& ����;��u���5������;� �������� �����������"�<���u���<>����4

": ����;��u���5������;� �������� �������,����<<>��������

�" )�������

}%�%��(�."����)���!���������.�������/$$�.�� ����(���� ���� ��)�����

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

V�F����

0�����/$$�.�� �� � �!����

W�.����!� ���������� ����.���(��2/������T

���

"� )���jFWE^p)����

"! )2���TSMMFNJQWHp�������

"% )��[JSWSp)���

"' �

"# )������

" �����������u���5������;����<�=

"9 �� ��������*����������?�����>

"& �

": ��B���;������LL�������� ��3����2*��<�=

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

�� ��B

�! ��

�% �����_EQ�EQWHQNJQ�STSNIQNHY�XHTGQ$

�' �����������**������;NFJ�\GF_czxFRS�caGQ�]GFMFNJQ<

�# ������������ ��3����**���;NQOGH<

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

�9 B

�& �

�: ����;��u���5������;� �������� �����������"�<���u���<>����(4(

!" ����;��u���5������;� �������� �������,����<<>��������

!� )�������

S���/$$�.�� �� � �!����

:����!�(��!�#�.!���IJm�#�����!)� ����� �� �����5������?�����%�:����(�����/���%

���

Page 134: Язык javascript ч 2 1

"� )���jFWE^p)����

"! )2���TSMMFNJQWHp�������

"% )��[JSWSp)���

"' �

"# )������

" �����������u���5������;����<�=

"9 �����;���������5������?������2**����������<�=

"& ��������������������5������?�����>

": ��B

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

�� �

�! ��B���;������LL�������� ��3����2*��<�=

�% ����������*�����������?�����>

�' ��B

�# ��

� �����_EQ�EQWHQNJQ�STSNIQNHY�XHTGQ$

�9 �����������**������;NFJ�\GF_czxFRS�caGQ�]GFMFNJQ<

�& ������������ ��3����**���;NQOGH<

�: ��������������>

!" B

!� �

!! ����;��u���5������;� �������� �����������"�<���u���<>����(4(

!% ����;��u���5������;� �������� �������,����<<>��������

!' )�������

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

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

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

-���)�����������!)� �����#����!�� �������)�� ��������#���� ��!����(9���!�F����%

-9G�����/$$�.�� �� � �!����

&���!).��� �� ������5������?������ ��!�(��!���������#�����G����%�Q������! �!����

�G����.�)�,�/������+�0)���������/������!��������������!��(����%�e��)��

���(������9G�(�F��;��!�������$(�."����2!����(#� ��� �����������,#�

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

���

"� )���jFWE^p)����

"! )2���TSMMFNJQWHp�������

"% )��[JSWSp)���

"' �

"# )������

" ����u���5�������*

Page 135: Язык javascript ч 2 1

"9 ��� �������� ������5�����������5������?������2**������������

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

": ��������������������5������?�����>

�" ��B

�� ��$

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

�% ���� ��������*����������?�����>

�' ����B���;������LL�������� ��3����2*��<�=

�# ������������*�����������?�����>

� ����B

�9 ����������������>

�& ��B>

�: �

!" ����;��u���5������;� �������� �����������"�<���u���<>����(4(

!� ����;��u���5������;� �������� �������,����<<>��������

!! )�������

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

�����][eH'������*�!���6��!����

H �� �����6378������� ����"�$�.�"���5678�M�;�Xi]XaaXa��A`�X`�%

1���� �����(�����56782���!)����(��� � ������!.�%�:�����6378��)�������������������%

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

���

"� )�����

"! ��)��jQWQRWQV)���

"% ��)���0��)����

"' �

"# ��)������

" ��������;�� �������� �������6378�<>����IHJQFM�JFTcxFF�\S_FW`HMSF

"9 ����� �������� �������6378�*�AySE^p�./012A>����aQMFNYFM�\S_FW`HMSF

"& ��)�������

": �

�" )������

&!�������������6378�56782.�� ��,����(���� �����%�&!���������;��)��������������(,��#��!�(��!�

��!� �����.!!�.��� �56782.�T

���

� )�����

! �

% ��)������

' ����� �������� �������6378�*�A)��JF\JA>����NFaQTW^J^p�JFR

Page 136: Язык javascript ч 2 1

# ��������;� �������� �������6378<>����)��JF\J)����;H\bWQEGFNS<

��)�������

9 �

& )������

����6378�;������������� �� �������������������������(����%

=�������������][eH

����6378������.��!��#�.�.��)����.�������#�������� ��������.�!�����.���#�.�!����,(����������

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

1���.�������������%�N�)������/�����)���� �(� ����.�����#�/�����$!��"����)�����,��2�� ���,��

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

N������"� �IJ�2�;�����6378���.����������

:�I`�X�`X��Jq�?A�X�� �!��������!����#��``X�5678����(�����.��������������

/����� �,/8#�,/8oq/g4#�tqe75?53#�65e0#�6378#�?3185#�3e.85#�3./01#�3t//3#�365e0#3@385#�3q%

:���������#� �IJ�2��������!�� ��������6378����������/�������#�.!�������.�>30�36D%

N�� ���������6378-*��(9��� ������!�������

H����.�����.�#��)����� ������.���.�����6378���!���-*T

����0�������6378�-*�()����jWHEFJ)�����*A��������A���2)�����(>

����0�������6378�-*�(�QT�_FGQ�(>

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

�!������������� ����#�����!�������T

c% ������������!�����!)����

�� '���,���������� ������ ���������������6378%

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

��!���,!()���%�:��!���!�� �F�� �!�����!�.����!���,!(�����������#�.�!� ��������G%

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

P��������#���������!(,������������ �������!)���#���������(�9������6378%

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

Page 137: Язык javascript ч 2 1

-��� �����6378��������,�������;�������(���� �����%

&!���!�;���)�T

���

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

! �

% )������

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

# �����������6378�*�Ad�md)����������;�<>)���A-A����A>

)�������

:��!���!����.!� ��9� ���,�)���A-A�����!���������� ����!.�#��%.%��������!�(��!���(����#�

���/��.��"��.!����%�:��� ���� ��.!������� �������%

E�.�������;�IJmcn#� ����� ��� ���� ��.!���� ��������#�����(���,������

��!��(�������>/����������!����� ��)����DT

���

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

! �

% )������

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

# �����������6378�*�AkGY�@5)����������������;�<>)���A-A����A>

)�������

IJm���!�������������������� �����������6378

-����.!��������������������� �����������6378#������!� �IJ�(��!�����%�:��(���� �

/$$�.���� �����;����������!��������%

1�.!�����!���!�> �IJ���(����!�)���IJOD%

H��!������.)���``X�5678����7�������/�(����(%

�����][eH'�^_Q �̀$ ���������!

H �� � ���6378����!)���5678�(���"��.�%

1������!)� ������ ������!�(��!������ �#�.!���t��XuAq�;� ��G������������ �!����cc%

Page 138: Язык javascript ч 2 1

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

���

� )�����*(��(�jWHEFJ�)��iHW)���)����

! �

% )������

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

# �

����;���� ���6378<>����)����jWHEFJ�)��iHW)���)�����

9 )�������

0)������������� ���6378#����.��!��/���� � ���.����(���� ��� ��� �����(��#����������!�������

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

=������� ��������!���!�T

���

"� )�����*(��(�jWHEFJ�)��iHW)���)����

"! �

"% )������

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

"# �

" ���� ���6378�*�A)��ySE^p�63782)���A>

"9 �

"& ����;������u���<>����0@v

": ����;��������6378<>����jWHEFJ�)��iHW)���

�" )�������

P�.� ��������!���!�� �F�#��!������������� ���6378� ���!����� ��������G�������!� �(��#�.�!� �

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

����f ����� � '������*�!�����������9��$ ��

H �� �����6378��������.�(�(� 2/����� %

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

� �� �T�� ��v�����������%

-,��)���)������������� ���%�H��(�9� ��!���!�������!�!(���/�T

���

"� )�����

"! ��jWHEFJ

"% ��)2����SMMFNJQWHp����

"' ��)������

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

" ����������;� �������� ��������u �������� ��v����<>

"9 ����������;� �������� ��������u �����������<>

"& ����B

Page 139: Язык javascript ч 2 1

": �

�" ����� �������� �������,����������*�(P_WQE\JEcpJF2(>

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

�! )������

:�/����!���!�� � ���������� �����T

�� H��!)������! ,�(���>��.�� ,DT�jWHEFJ�>s�!���D%

�� H��!)���� �!,�(���>.������!��DT��SMMFNJQWHp�>s�!���D%

�� H��!)��,��!����,�(���>��.������)�(�.������!�������.!����DT�;JQM�bWSZFG^f�!�WQaQ<

�� H �� �� ��v����*��������(���?,q@43#���.�.�.�/��(��2/�����%�e� ������*���������%�=��

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

)� '�.��"#������� � �� ������������!)����� �������� �������,����#���/���(��)��

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

P�����#�����?,q@43�������9��������.�� � �(��#������������!������.!������!�(��!��F�� �

!���!���.(��������.���?,q@43#��/��(�������(���� � ����%

<�$9������5����

����72(� ������� �� �#��� ���9���������#����!���!T

• ������;�������������@u4g3#�?585,3����35�3eq5e

• ���;�������$�.��!

• ����;���!������.�

• k��,����!(,���

'��!���!T

���

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

! �

% )������

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

# �

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

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

& ����;�����������<>����aNQIFNHF

: )�������

&�� �����.�� �� ��)���(�����������"�$�.�"��%�:���������#��������������*(����(�����

���������k���T<<hhh%h[%A�j<6w<k�i?2i��^B�<�`�B�%�Xq�%k�i?%�P�.��!� �#��� ������!��(���/������������

� �� �������)����� �����%

:��9�

1�� ����� �� ����72(� T

����[���

U���(��%�H�������(�!��������T�(�(�2����/����� ���(%(�2������.�� ���(� %�U�.����

������%

Page 140: Язык javascript ч 2 1

����Y ���� �Y ��

'�� �������,����,� ������(. ���%�� ��u�������������"�������������������(� 2��/����� %�

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

�����][eH

:�(�!���������!)����(��2/������� � ����5678%�0)����������%

�����][eH

&�� �5678�(��2/������%�&!��������� ������ ���6378���!���������������!���������!� �

(��%

����f ����� �

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

��� �(� %�0)����������%

������7���.)���������!(,���� �� �#� ��� ������������,�%�'��!���!#�(�@u4g3������

� �� �������������C��#���(�e�������������%�%�0��!�����!����������%

�[

z�� � �����/���.�+

� )������

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

% �

' � �������6378�*�()2��(�-�� �����u����-�(���(>�

# �

����;� �������,���������<>����IJS�E^EF_FJ�

9 )�������

V�F����

1� ��T�./01%

���

� )������

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

% �

' � �������6378�*�()2��(�-�� �����u����-�(���(>

# �

����;� �������,���������<>����./01

9 )�������

&!�����9�����F�,��T

�� Q�����������!)����)� �������.������!� %�1���(���������� ��)2��./01���#���.

.�.�� �����u����**�(./01(%�P�.���������#�� �� ��u���� �5678� ��,���

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

�� =���.������!� �����!��� ��������! ����������� ������

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

Page 141: Язык javascript ч 2 1

�� &(���������������������.������!���� �������,����%�1��!� ��

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

.������!��T�(./01(%

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

Атрибуты и "свои" свойства�� <.��=�������

�� e�!��(��

�� H���!����"���� �� �����!��(�

�� ��

�� ���

�� �����

�� �����������u���

)� 31��������4����!���IJ

�� E�,

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

0�)�(�����������.�2����9��#��/��(���,�������(����%�'������������#���!��(������ �� ��;�� �!F����!������ �9�%

I/���J����5����

������7�2�/���r�.�#��/��(#�.�.����� ��r�.�� �����������#����)������!)������� �����.���� �� ���������%

'��!���!#��������� �� �������� ���� ��� �� �������F��� ���,��r�.�T

���

� � �������� �����0����*�=

! ������$�AjFJWAf

% ��������u���$�AjFJWSEHIA

' B>

# �

����;� �������� �����0��������<>����jFJW

0)����� ������� (��$(�."��T

���

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

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

% B

' ��

# � �������� ������6�;<>����./01f�E^bSGNHGQ\K�\�bWQEHGKN^M�����

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

��,�%

=���� �� ���)����)����!������������9���� �����>� �� ���(�(�� ��#��� ��!�������)�DT

���

Page 142: Язык javascript ч 2 1

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

! �

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

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

# �����������;C��<>

B

9 �

& ����;������� ��;A��A<�<>

&�� �����.�����72� �� �T

• 0,(��������������������%

• '�� ������ �� ��( �� �������.�!�,���!(%

• V����������������,#������72(���� �������r�.���������������

a���&$�(

������7#����!(, ���!��#�� ������56782/��������#�(�.�!����������!��(��%

N��(��.���!��(�����(9��� �������!����9��������!��������� T

• ��������e�������;����<�2��! �!�������������!��(��

• �������e�������;����<�2��(����������������!��(��

• ��������e�������;����f������<�2�(����� � ������!��(�

• ������� ��e�������;����<�2�(��������!��(�

e�!��(������!� ����!������� �IJmO��� �IJO� �!�)����� ���������T

• H(9��� (�����.���������e�������������e�������%

• ��.�����.�#���������������72� �� �#��������!��(��%

• e�!��(������ �� �� �IJmO��r�������%�E�,���/���!� ����.���!������

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

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

:���������� �� #���!��(��T

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

• E���������( �� ������.�!�,���!(>�%.%�/��5678D

• :����� �����6378�>�����.�����������!���IJD

• :�����!��(���/��������)���(���������9���� �� �����������#�.�!�����!)���

��� �2����� ��r�.� ����������%

'��!���!#�!�����!���/���56782.�T

)�����

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

)������

&!���!���)��(����� � ������!��(�����������!�!(��������������%

���

Page 143: Язык javascript ч 2 1

"� )�����

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

"% �

"' ��)������

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

" ��������;�������e�������;Ae./g3A<�<>����;�<

"9 �����

"& �����������e�������;A3���Af��!%<>������;!<

": ��������;�� �������� �������6378�<>������;%<

�" �

�� ���� �������*��������������>�����;'<

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

�% ����������;�������������-�(�*�(�-��������������<>

�' ����B

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

� )������

&!�����(�.��.��� �F���!������ �������T

�� ��e�������;Ae./g3A<������(���������!��(��� � �!�����!�,���!�#���/�������������������#��%.

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

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

1�r�.�#����!���!#��(����� ��������.���.� �!��! ��#���(�IJm����/�����!����#��/��(�

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

�� :�����6378��� ����� � ���!��(��(����(%

�� P�."����������������!)��� �����!��(��� � �����r�.� �.�����e�����

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

/��-���� ���"����5����������&$���

P�)�� �����(� ���7�������� ��������!������ �� �%

'��!���!#�� �� ����,��AeA�������� ����"�$�.�"�����7T�5678�`�kA�J?XiX`�%

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

/����� #�.�!���������� ����"�$�.�"��� �5678J?XiX`�%

H�����!������ �� ����7�����!����!(���������!��(����%

��

'��!���!#��!�(��!�����!����!(�����!��(��(��(���� �� ����%�E����������2��������������!(,�T

���

� )������

! ��� �������� ������e�������;A��AfA��������A<>

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

' )�������

Page 144: Язык javascript ч 2 1

k�Xu

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

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

���

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

"! )������

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

"' �

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

" �

"9 ������;�AQJWHZcJ$A�-�����e�������;A���A<�<>����A�A

"& ������;�A\ESp\JES$A�-�������<>�����7&0(;<�GaH

": �

�" )�������

=���!����������(#������!��(���)������������#���� �� ����#� ��� ���� ��������"�$�.�"��

\[*#��)��������� ����. %

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

� �� ����������C��T

���

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

! �

% )������

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

# �

������;�����������C���<>��������)���MS`FJ�Z^JK�JSGKTS����������

9 �

& ������;���������e�������;A����C��A<�<>����bc\JQY�\JWSTQ

: )�������

��?BX

e��9������� ��!������� �� �#�.�!�������!����!(����� ���(���!�(%

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

���

"� )�����

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

"% ��)������

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

"# �

" �������������e�������;A�����Af�A���A<>

"9 �

"& ��������;�������������<>����A���Af�������������HaMFNFNS

Page 145: Язык javascript ч 2 1

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

�" )������

'���!��(���������!����!(��������� �� �T

���

"� )�����

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

"% ��)������

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

"# �

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

"9 �

"& ��������;��������e�������;A�����A<<>����A��C��Af�NF�HaMFNHGS\K2

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

�" )������

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

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

E�������������������)�������� ����������! �!.�#�����������������������������#��!��

����������#�����,#�����������������������%

�� ����� ��Y ��

E�.������T���!��(��(�����(��� ���� (���� �� (������u���%

U�.�.�.�� �(�����(�� ��������!���! �! ������� �� �����C�����#�����!��(�(�(�����(�� ���� (��

� �� ������u���%

���

� )�����

! ��)������

% ����� �������� ������e�������;A�����Af�A�������� �A<>

' �

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

��)�������

9 )������

&!� ������ ��!���!�!������� � ����� !���������!�(��!��#��%.%� �����/���� ���� ��� ���������

���%

'������!������� �IJm�#�������;����!�������(���� .��.����%

&/��(�!�.����(����#��� ��)����#��������� ������!��(��(�����(#�������� ������.�

� �� ������u���%

E��.T

• H�����!������ �� ������!����!(���������!��(����%

Page 146: Язык javascript ч 2 1

• %%'��!��/���� �� ���� ��,���!� ����!��(�(#����!���!�����;���������!�(���������.�%

• %%'�.�!���� �� ��������������� ���������!��(��#����!���!������#��%�%�����!����"���

����!����%

• e�!��(�(��������� ���� (���� �� ������u���%

P�����#���!��(�(�� �>)������� *(���(�D��)���� ���� (���� �� ����!(,������ ������>����t D%�

S�F����� �����9�����G�����%

�M

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

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

[% :� �������,%

N.(����T

� )�����

! �

% ��)������������������*(����(�[^ZFWHJF�`QNW)�����

' �

# ��)�������+�����+�)�������

)������

E����� �.�T��B�A���?<]�AhCX�<aAi<�BC�Ai������]B�X%k�i?%

V�F����

c% N�������#������()���(��������%�Q���������.������!�� #���.����

�!�������� �������� �����������"����)��������!���IJ%

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

s% &�� �����.� ���!��(������������� �� �� ����72�r�.��#��/��(�

�����(��

�������e�������;<%

���

"� )�����

"! �

"% ��)������������������*(����(�[^ZFWHJF�`QNW)����

"' �

"# ��)������

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

"9 ��

"& ���� �������u����*�������e�������;A���������������A<>

": ��

�" ��������;������u����<>�����(����(

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

Page 147: Язык javascript ч 2 1

�! )������

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

I7��&�������J�����(-�YR

N�������.�!��������.���������!������� �!�� �IJm�%

�� :2��! ��#� �!����IJm������!����!(��� ���� �� ������!��(��#��������.�������!����T

���

� � �������� ������e�������;A��Af��!%<>

! �

% ����;�� �������� ������<>������!%�E�@5):

&!��/�����)������������������������%�e�!��(��������� �������!. #�.�.���(��)��%

�� :2 �!��#� �IJO�/�����!� ��#��� �IJmO�>��� �IJO� �!�)����� ������������IJLD�� �� ����

��!��(���;��������)�%

&/��(� ���.�������� ����.��(��%

'��!���!#���� ������ �� �!�,���!�� �����#������ �������!��(� �2����%�z���(��������� ��

� �� ������������. ������ �!�����!�,���!�+�P�.�� ������������ ���� (�9� ���!��(�+

���

� � �������� ��������*��>����aQ_QFM�\ESp\JES

!� �������� ���e..e�*�#>����aQ_QFM�\ESp\JESf�JFbFWK�c`F�bWSbH\N^MHZcTEQMH

% �

' ���aQbWQOHEQFM�QJWHZcJ�E�3'/4.(&'�WFRH\JWF

#����;�� �������� �����e�������;Ae�.�A<�<>����IJS�_SG`FN�EFWNcJK�ZWQcaFW�

S!�(��!� ������������(�"��#� � !�9�����! �������������� �� >����D%�U�.)�#� �IJm��

�(9��� (��� �! ���!����!������e�������#�.�!� ��������,��( �� ��������.�!�,���!(%�

&�!������(�T7����jX������]B�X%

�� U�.)��������9���������� ������F������ �� �����!��(����� ����!���IJT�����������

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

=����!�����������.,������.������#��������!���������� �� �������u���%

N���,#����������)�����!������IJ#������( �����!��(����!� ���%

N!(,����� ���#� ��,������!� ���������� ����� �� �#�����!��(���2���.����#�,���

/��� �� �������()�%

e��� �� �������()�����!��(����F�� ��!G���(����T

c% P,����()���(�������� �����.� �56782��!��(�#����(�������������!����! �����

� �� �%

�� P,����()���(�����3!�,���������������4�������!��,�56782��!��(��#����!���!#�)@u4g3�

�����*(���(�%�'� �IJmO�/������!������#��%.%�������!��(������F������� �� ���#������������

��!��(������ �� ���(��������. �%�&(��������(��������.���!��(�(� �IJK#L������%

Page 148: Язык javascript ч 2 1

�� P,����()���(���������.� ������!��(� #� .�������� �����.��%�N��/�,������(�����

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

:��9�

U���"���!� ���� ������!��(� ���� �� T

/��5���� a���&$�(

]('������#��� .�����

;���������,�������$ ;��#"������*�$�����,��"

;�����$�������6378 %��$�������6378

.��������$�������������'"�$��&�����"(�� ��������$���������"������"��

3��*�������*���������&�����"(���

%�BClD��BCD�����-����������� ������������'"�$������$�

-��� ������������� �������� ��������!��(��� �5678#���������#������!��(�����������#�

�������9�������������� ������ �5678M%

H !���������!�(��!������!)� ������� ����(��.���.�����!��(������!�����7T�H �� �a����X����

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

:�!���� �)����#� ��Od��(��� ������(������ �� ����7%

1��� F�����sd�/�T

c% P,����()���(�������� �����.� �56782��!��(�#����(�������������!����! �����

� �� �%%

�� P,����()���(����������������������!��(��#����(���� �� �� ��()������ ������>������

���.�D���������������>������(�@u4g3D%

Интерактивное путешествие по DOM

3���� �����-�$���"����������y

:����!����� ������ ��)�������!����� ��(��������!����7%

&(����������������� �������� ������5�������>��)��2���,�)6378�D%

'�)������������.(�������.��.��(�!� ����%�H �!� ���� ��� �)�������.�!� �>�.(�����D%

:����)���.��������� ���������.��!��%�P�.��!� �#�()����! ���� �)����� ��� ���� �!��3,��������)(��+4%�z���������,�� ������2�����!�������3U�.(9� �(��4���� �!�����,���5678%��������� ����.!��� f

HTML-разметка документа для путешествия

"� )20/,3145�6378�

"! )����

"% ��)� ��

"' ����)��� �������*(����&(�

"# ����)������kSTcMFNJ)�������

Page 149: Язык javascript ч 2 1

" ��)�� ��

"9 ��)�����

"& ����)�����*(�����(��QbTQ)����

": �

�" ����)���

�� ������)��������*(���C ����� � $��(�w\JSWS`NS)����

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

�% �

�' ����)����

�# ����)�����*(� ��(�jS_EQG��L� ��>������������)����

� ����)2���TSMMFNJQWHp����

�9 ��)������

�& )�����

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

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

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

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

\dzeK{Ue4�@�XbcdT4R`RQRb_ebPOR\

VO[|OZe4�^_Q`

\dze}Og~e4�VfSS

��� ������������������������������������������� �����6�����"+�,��!����������,"���,��*�4

&(����T

N������(���,���!���9������.! ����.(����� �� ��.�����������������(� �t��X]Bj�> .��.��

5678D%�&���!����!����"(���)�(��.��������������7���!������%

Поиск: getElement* и querySelector*�� ��5������.�@��� ��5�������.�3�u���

�� ��5�������.�u���

�� ��5�������.�,����u���

)� ����?����� e��

H� ����?�����

c� �������?�����

D� �}��k� �� !���������!�(��!��

�� :�(�!������(��! �� ����. �������

�� � ���������5������.�@�;��<

�� ���������?����� ;����<� �#�X?Xi%�BX�@�X?X��A��??>�BX�@D

�� �������5�������.�+;���<

�� e,!����� ������5�������.�+

Page 150: Язык javascript ч 2 1

�m� &!�.��.�

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

�� N�������

��� E�,

&!������� �,�"�����!������.����.(�(����#�����/�������!���%�e��������+

N��/�,� ���7��������������������������.�%

���X������\�I�

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

:�� �� ���������5������.�@�;��<� � !�9���/�����������������%

-�������� ���#�������%

'��!���!T

���

"� )�����

"! �

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

"' �

"# ��)������

" �

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

"& �

": ��������;���������6378�<>����UNVSWMQXHY

�" �

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

�! )������

:�)�#���� ��.(�������)����������.�����/�����������������%�P����#��)����!(F����/��

�!� �������������,�/����� �������. ���������$�.��!�#��� ���.���(����� �������

��������5������.�@���(�������!���.��(����%

'�� ������!�������������������

S!�(��!�� ��������.������G����!�����������/����� �����#���!���.�!���.������)��

�!�������%

N���!���!�#����(���������(�9� �.�%�:� �������/�����%

���

� )�����*(����(�JF\J)����

! )������

% ������;����<>����0@v

' )�������

Page 151: Язык javascript ч 2 1

=��� ��������� ���� (���������!�(%�1���(9��� (��#� ���! (����!���#����

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

���X�������\�[ �Y ��

0�����������5�������.�3�u���;��<��9��� ���/��������������������,����� �(�!��

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

V�,���!���,�������������������%

0)����.������ �/��������� ��.(�����T

���bSGcIHJK�E\F�����]GFMFNJ^

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

'� �G�� ���/������������� �(�!������"�T

���

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

"! ��)���

"% ����)���[QO�ESaWQ\J$)����

"' �

"# ����)���

" ������)� ����

"9��������)����������*(��� (�����*(��(������*(� ��(�����C����MGQ_OF�&

"& ������)�� ����

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

�" ��������)����������*(��� (�����*(��(������*(�����(��SJ��&�_S�#"

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

�! ������)� ����

�% ��������)����������*(��� (�����*(��(������*(���� (��\JQWOF� "

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

�# ����)����

� ��)����

�9 �

�& )�� ����

�: �

!" )������

!� �

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

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

!' �

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

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

!9 ��������;������������-�A$�A�-�����������C��<>

Page 152: Язык javascript ч 2 1

!& ��B

!: �

%" )�������

0)���(����� ���/������#���!��� �� ����.(�A+A� �������,�T

���bSGcIHJK�E\F�]GFMFNJ^�_STcMFNJQ

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

-�����������(�������.�����/������;��)��(.����������.���!��(�)�T

����������*�� ���������5�������.�3�u���;A�����A<b�c

jX�J?XiX`�C�@��iX

:�� �� ���������5�������.�u���;����<��� �����(����� ���/������������������!��(�������%

'��!���!#� ���/������������������T

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

N��� �����������!���5678M�/�������� � !�9����.����/������#� �.�!����!��(���!����

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

:�� !���������!�(��!�����,������������������#������!��� ��������)��( �����#���!� � ��!���!�

��)�� �IJcn����� �!����cnT

���

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

! �

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

' �

# )������

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

9 �

& ����;�����������<>����!�E�\SEWFMFNN^h�ZWQcaFWQhf���E�@5)�"

: )�������

:�IJ�2����������� �G��/������#����.�!��� �������!���������!��(�������%

���X�������\�Z� ��Y ��

:�� ��������5�������.�,����u���;�����u���<� � !�9����.�."���/����� ���.���������u���%

'������/�������� �����(���#�����(���,����.�.�.��� #�����.�� �2�����������%

&���!)� ������ ������ !����������!�(��!���#�.!���IJO2%

'��!���!T

���

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

! )��������*(� ��������(�kGHNNQY�\JQJKY)����

% �

Page 153: Язык javascript ч 2 1

' )������

# ����������*�� ���������5�������.�,����u���;A������A<>

����;���������������<>����!f�NQp_}J�SZQ�]GFMFNJQ

9 )�������

P�.�����5�������.�3�u���#�/���������)�������� �� ����� �.���.������72/��������� �.���.����

�.(�����%

g����d�������8��

:�� ����������?����� e��;�������<� � !�9���� ���/������� �(�!������#�(� �� !��9���*��2

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

1��!������� � ����� !���������!�(��!��#� .�����IJ�l%�U�.)��!��������� �IJO#�������.�!����

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

c% IJO��)�������������� �!�)����IJO#������ �!�)����� ���������%

�� :�IJO������.�������������)����� ���� �������*���[#���*���s%c%�'����.��9�#�.����#���

/�,�� �����������F���� ���(��� %

H��(�9� ����!���(����� ���/�������8@#�.�!���� ������������������.����� ���g8%�=��

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

���

"� )���

"! ��)���rJSJ)����

"% ��)���JF\J)����

"' )����

"# )���

" ��)���bSGNS\JKz)����

"9 ��)���bWSp_FN)����

"& )����

": )������

�" �� �����������*�� �����������?����� e��;A�������$����������A<>

�� �

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

�% ��������;����������������6378�<>����(JF\J(f�(bWSp_FN(

�' ��B

�# )�������

�BX�@�X?X��A�

U�)������#�������������?����� e��;�������<#��� � !�9������.���! � �/�����%

��.�����.�#�/. � ����������������?����� e��;�������<�"�#�������!��#���.�.�.��9(������� ���

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

� ����d�������

:�� �������������?����� ;���<��! �!���#�(� �� !��������������.�!(����%

Page 154: Язык javascript ч 2 1

1�� � !�9����������������%

H��"�$�.�"����������9G����(� �!)����#��/��(��!�(��!�������(����!�$�.�������,�����!).�%

'��!���!T

���

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

"! ��) ����*(����$����������� ����������(���*(���C(����)� �

"% )����

"' �

"# )������

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

"9 ���������?����� �*�����5�����������?�����

"& ��ss�����5�������C��7������?�����

": ��ss�����5����� �7������?�����

�" ��ss�����5������7������?�����

�� ��ss�����5���� 7������?����� >

�! �

�% �������*�� ���������5������.�@�;A���CA<>

�' �

�# ����;��������?����� �����;����f�A������������*(���(�A<�<>�������

� )�������

&���!)� ������ � ����� !���������!�(��!��#��������!)� ������ �IJO2%

gh�i��������!���(-�&��$ ���-

N�����.�� ��782�.(��������(9��� (������.����!� ��}��k%

1��������9�� #� ���,���9����*��#����)���%�'��!���!#����!��������.��/����� �6!#�

���!)�9�����.���(�4���(#��(���� �,��������.T����!�� ������;�f�(�4���(<�%

:���� !���������!�(��!�#�.!���IJ#�����!)� �����}��k��������.����#����.���.�������(� �7��%

'� ������, .������.�����4���� ���.(9����.(�����T

���

� ��������*�� ���������������;(���!�� ������;�f�A�4���A<�(f�� �������� ������5������f�����f�������������������4���q������/q05q50�u/05�?ue4?6/3�3145f�����<>

! �

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

' ��������;������������ �@���;�<� ���6378<>

# B

IJ��)������!)� �����}��k#���/�������!).������� ���� (���������!�(���!���������.�����782

�.(���� #����!���!#��(�����������9����786334q�������>����D%�N���������)��56782�.(����

�}��k� �IJ��������!)� �����%

Page 155: Язык javascript ч 2 1

,�$��������$����5�����%������(-�!������

'����!�������)����� ������.����#������� �(�!��(��!����������2!����(%�=�(�!����"(��()�������#�

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

������������X������\�I�Q��R

S!�(��!�����!)� ����(������ �(�!�������� ���� ���������]GFMFNJ%�&/��(��()�� �/������

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

�����g����d�������Qg����R.�TSTU4jfT�k�TST�c�lSSXjfT�k\

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

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

1���!�����!���!���� �����/������� �(�!��/�����������>����� ���(��.(����(#����� �� � �

.���.�����.(�����D����! �!����.�)�� �/����������� ���� ������!�(�����%

:�� �����?����� ��!�.!�9������!��!�������! ,�)���� ����,�/������#�

�����?����� e������!������ �������/������� �3��� ������ 4T� �(�!��������!(.�(!(�������#���

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

=�����!��!��!����������������!#���.�.�.��(9��� ����������!���� ����� �).���!�(��!�#������

����������2.��%

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

• :��(�������.����I�T����������?����� ;A���A<#���F���� ��!�(��! ��������!(������.#�

�����(�� �� ���5������.�@�%

• &�������!��(���������.����!�������� �.�F�%�'�/���������!#��.���.(�����.�.2���(������

���������%

��������X�������\�FQ���R

V��(���������.����5�������.�+�;�)� ��f�&!�������������.(������;��������������!��(�����

���!��%

'��!���!#��� �G�� ��������!����9������?����� e�������5�������.�3�u���#���������������

�.(����T

���

"� )���)����

"! )������

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

"' �� ������������*�� �����������?����� e��;A���A<>

"# �

" ������;����������������-�Af�A�-������o��������<>�����f��

"9 �

"& ��� �������� �������6378�*�AA>����c_QGHJK�E\}�\S_FW`HMSF�./01

": �

�" ������;����������������-�Af�A�-������o��������<>�����f�"

�� )�������

Page 156: Язык javascript ч 2 1

P�.� ���#������.�."��#��� ���� ���!�������?����� e��#���������!�)�� %�e����������.�#�

� !�9G��,���5�������.�3�u���#����������%

N�� ���#����!��(��������!� ���5�������.�+�;�/���������� #������"����� ��r�.�#�����9� �

�����AaX8�C�����5678*A??X���A`%�1����)��������� #���.�.�.��������(��! ������/������������(#���

�(�!��/�����,� � �����.#���3)� ����. ����!�4%

H��� �������.� �����������.��!���!�9�����.�/������������.�����.��,�����%

a�9����!(����X�������\�F

&��.���5�������.�+���������)���������/$$�.�� �#���.�.�.��,�!��(�����;�3)� ��4�.�."��#�

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

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

! ����;�������"��<>

% ���HaMFNHGH�_STcMFNJ

' ����;�������"��<>����WFacGKJQJ�MS`FJ�Z^JK�c`F�_WcRSp

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

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

�������%

z�����!�� ������������5�������.�+��������������!F� #��.�� �������(�����.�F�! ����

!��(���� ����.�%�N��/�,������� ���� ���������T���� G�����(� ��3H����t��XuAq4�>t��XuAq#�IJD

��3H����\X]���4�>*k�AiX#���u���#���X��D%

N���!���!�#�!�����!������.� ��!�� �����.(�����#� �.�!�������cnnn�/����� ����%

&���!��#�.�.��(�(��!��������!�(��!�#������()�� ����������(�9� �.�T

� ���EMF\JS�� �������MS`FJ�Z^JK�GzZSp�]GFMFNJ

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

% ����;�������"��<>

' ����;�������::#��<>

# ����;�������#""��<>

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

%�����N:9BFCO

&�!��!������/�������� �������� ��� ��!��.������� ����� �����!� �%�Q��������� ���

�� �������/������� � �(�!���� ���!(.�(!��������#�������!��� �!����!�9������ �����

�������.�%

V���!��� �� � ��!�(��!������!.��T

�� S!�(��!�����G���(��(��3)� (��.�."��4������%�&.������,�����9��%

�� &�!���!����/������#��.������� �G����! � ����%�Q����������,��� � !�9���%

�� &�!���!����/����������F�#��.������� �G��/������������.���::#%�Q��������� ���

�� ������%

�� :� !�9����!�������������� �/������������.���#""#�������������,����.�f

)� &!�)������������!� ����/������#����.�!������ ����>::#D�����.�"�%�

Q����������� �������/��������� � !�9�������.����� %

Page 157: Язык javascript ч 2 1

%�����PBQR:<

&�!���!������/�������� �������� ��%�Q�����������.����#������� ��� ����� #�/�����#�

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

Q�����.�F�! ����������(���������F�%

V���!��� �� � ��!�(��!������!.��T

�� S!�(��!�����G���(��(��3)� (��.�."��4������%�&.������,�����9��%

�� &�!���!����/������#��.������� �G����! � ����%�Q����������,��� � !�9���%

�� &�!���!����/����������F�#��.������� �G��/������������.���::#%�Q����������,���

� !�9���%

�� S!�(��!�������������.������� ��� ����� #��/��(������������/�������#""%�

'()���� ����,���!��!������!� �%�=�����!��!��)��������������������;� ��!���

������!� (#�Mnn �������(D������/�������::#�;�������������!� (#�g�M �������(%�U�.�

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

()��Mnn �/�����%

M% &!�)������������!� ����Mnn,�/�����������.�"�%�Q��������������� �������

/����� ��� � !�9�����,%

1�� ���!�������;� ���#����t��XuAq����������� ����� ������#���\X]^���;���.������� %�U�.���

�!���#�3�����t��XuAq4��!��(�����F��������#���,!����/$$�.�� �����!��� �!������(���.�

�!����(9���/�������%

e�3�����\X]^��4���������F������������!��/���!�����������()�� ������ �)������������(����;�

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

Q����������/���������!��� �������!���������������7%

N.(������)�����������%�&!��/��#����������������)���� ��������!��(���������.�#���

�����������/�����������������!����%�'��!���!#���� ������ ,�(���������!����

�����������/��������������5�������.�3�u���;A���A<%

H�!��� ����������������/����� ��!�������������.(������ ��������������.�(���%

�� :2��! ��#��!����� �����/��������(�(����!F������.����.�."��#�.�!����,�������

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

���. ���.�."����!� ������.���! �(�������#����!����� ����� � �! �;������!F������

�(���%

-���������;��(�(����!F���� ���.�."��#��!� ��������.�/�������� �!������!�!������

����!���� ���,�!������� ,������� �F�%�E���.���%

�� :2 �!��#�������� �����.����#�������(�(����!F���������������/�������������.���

�!(,�����,��#����!���!��X?Xi%jX�J?XiX`�C�@6�j��iX>x�yD%�-���)����� ���"�������!� �

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

�� kE#�.�����)�#���������������������7��!� ����.���!�(#�����.���#�.�!����,(��� ����

�������.%�-���,��2����� ���� � ���!��(��;������.������,(�����,�����!�� �G�%

&!�������. ��������#���.���.�.���5�������.�,����u�����)����!��� ����.�F��!�������������

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

V����"(� ��,!���������.���,.�( �����%�&���!��������T

Page 158: Язык javascript ч 2 1

���

"� )������

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

"% �

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

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

" �

"9 �� ����*���B�0���>

"& �����; ����*�">��)���>��--<������������>

": ������;(jS\GF_SEQJFGKNS$�(-�;��B�0�������<�-�(M\(<>������;�<

�" �

�� �� ����*���B�0���>

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

�% ������;([WQaNSZSp$�(-�;��B�0�������<�-�(M\(<>�����;!<

�' )�������

:��!���!�� �F����! � �"�.��!�����/����������� �����%�e� �! �;��������F�,��T�������

�����#�����������.�"�#������9G������������#��9G�����;���.�"�#�����.�����%

P����� ��!�9��� �.�/������������. %

• :��!�(��!��#�.�!������������� ����� �������>t��XuAq#�IJD�;��.!�����(��������. %

• :��!�(��!��#�.�!���������������.������� �>\X]^��#���X��D�;�!����"���(�����!��.��cnn�

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

��������

�M

:������F ��.(����T

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

! ��)���nGQENQY�\JWQNHXQ)����

% ��)���|SWcM)����

' ��)���iQRQaHN)����

# )����

c%�z�� � ��������(�9� �.��>�!�� � �!�D+

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

! �

% � �������� �������6378�*�((>

' �

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

s%�e���. �.��> �!����)���D+

Page 159: Язык javascript ч 2 1

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

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

% �

' � �������� �������6378�*�((>

# �

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

V�F����

c%�1� ��������! � � �!��2�n#��(�����.�."��%

���

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

"! ��)���nGQENQY�\JWQNHXQ)����

"% ��)���|SWcM)����

"' ��)���iQRQaHN)����

"# )����

" )������

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

"& �

": ��� �������� �������6378�*�((>

�" ���

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

�! )�������

=�����(#���� ���/����������./01�(�������#���.�."���2�)� ��%

s%�1� ������ �! � �!���� ��������!�(��!�%�:���F���� ���!�(��! ��(����[#�.�."�����

���������#���.�.�.��������!���!� ���������.�./01#���.�/�����(#����.�!����G�����.#��%�%�

.�����%

'�/�������������������� ���!����� #����/��(��)��������)� #�������������,������

�)�%�'���.�!����!�(��!��>IJcnD������(����,!���� �� �������!��!�����������������

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

&/��(�!��(�����.�����)�� ���F���� ���!�(��! T�%#��� �IJcnT�"%

���

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

"! ��)���nGQENQY�\JWQNHXQ)����

"% ��)���|SWcM)����

"' ��)���iQRQaHN)����

"# )����

" )������

"9 �

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

Page 160: Язык javascript ч 2 1

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

�" �

�� ��� �������� �������6378�*�((>

�! �

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

�' )�������

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

Q��������)���(�(������� �������(�9� �56782.�T

"� )20/,3145�6378�

"! )����

"% ��)� ��

"' ����)��� �������*(����&(�

"# ��)�� ��

" ���

"9 ��)�����

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

":������)� ����jSH\T�bS�\QpJc$�)����������*(����(�����*(�����(�)�� ����

�" ������)����������*(������(������*(U\TQJK2(�

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

�! �����

�% ����)��

�' �����

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

� ������jSH\T�bS�bS\FJHJFGYM$

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

�& ��������)���

�: ����������)���[SaWQ\J$)����

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

!�������������)� ����)����������*(��� (�����*(��(������*(� ��(�_S��&)�� ����

!!������������)� ����)����������*(��� (�����*(��(������*(�����(��&�#")�� ����

!%������������)� ����)����������*(��� (�����*(��(������*(���� (�ZSGFF�#")�� ����

!' ����������)����

!# ��������)����

! ���������

!9 ��������)���

!& ����������)���kSbSGNHJFGKNS$)����

!: ����������)���

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

Page 161: Язык javascript ч 2 1

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

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

%% ����������)����

%' ��������)����

%# ���������

% ������)�� ����

%9 �������

%& ������)����������*(������(������*(U\TQJK2(�

%: ����)������

'" ��)������

'� �

'! )�����

�g

:��.(�������B�A���?<]�AhCX�<aAi<CX���k6�C^%k�i?%%

'� �����>�(����� ���!�����(�DT

�� :���/������������� �(�!������"�%�N)�������[�/������%

�� &�! (����� .(�����"��>��� ��([SaWQ\J(D%

[% :�!(��$!�(� ��.(�����%

�� �!�(���������������#���������� ������G����"��� ��.(�����%

)� =������������ �$!�����������������%�1���������%

H� =������������������ �"�#��������,���������,����"��� ��.(�����%

c� =������������������ �"�#� �(�!��$!��������������������� �%

V�F����

V�F����T

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

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

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

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

% ���E�\SEWFMFNN^h�ZWQcaFWQh�MS`NS�S_NHM�aQbWS\SM$

' ��������*�� �����������?����� ;A������������A<>

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

�������t ��*�� �������� ��������>

���E�\SEWFMFNN^h�ZWQcaFWQh�JQT`F$

�������t ��*�� �����������?����� ;A� ������*(�����(�A<>

�������t ��*�� �������� ��������>

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

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

Page 162: Язык javascript ч 2 1

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

���y�������������� �"�f�JQT�TQT�HMFNH���� �ESSZxF�NFJ

c%

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

�M

N���.(�������B�A���?<]�AhCX�<aAi<CX���k6�C^%k�i?%

'���F����$(�."�������C@�����3����;����<#�.�!����(���� � !�9�������#�����

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

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

'��!���!T

����C@�����3����;� ���������5������.�@�;A�������A<<>��������

����C@�����3����;� �������� ��������<>����������������

����C@�����3����;� ���������5������.�@�;A� �������������A<<>���������

&!��)�������.�.� �!���� �!�F�����/� �������%

V�F����

N�������#������()���(���������"(�����T

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

Q����#�����)����! �!���#�� ���������������!��.������%�=���)��������#��! �����

"���.��!������.���/����� T�����������u ��#����������u ��������u ����#��.�����

� �������������"�����������%

P��!���� �$(�."��T

"� �������������C@�����3����;����<�=

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

"% ���

"' ��B����;�����2*�������LL�����<�=����EEFWh�bS�WS_HJFGYM

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

" ��B

"9 �

"& �����\FpIQ\�EFWNS�S_NS�Ha�_Ech$

": ������<�GHZS������**�������;ENcJWH2<

�" �����!<�GHZS������**������

Page 163: Язык javascript ч 2 1

�� �

�!���������22����>����bWHEF_FNHF�GSRHIF\TSMc�JHbc�_Q\J$��<�����!<������

�% B

e���!���� ���� �!�����T

c% &�!��!���� ���/������� �(�!������"�����!� �������������T

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

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

% �����;���������**�����<������������>

' B

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

s% E���� �������!������������?����� ;����@�<#�,�������@��;�

/����/�����������%�:��(���#�����(�/��������������;� !�������,���!�! ������

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

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

"! ���;2�������<�=

"% �����@��*�7������� �;<>����\RFNFWHWSEQJK�EWFMFNN^p���

"' ����������*����@�>

"# B

" �

"9 ��������*�����������?����� ;A�A-�������<>

"&���;���@�<���������������>����c_QGHJK�EWFMFNN^p���f�F\GH�Z^GbWH\ESFN

": �

�" �������22�����>

=����������!#������� ���#���� �(�!������!�����"�������?����� � �

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

[% E��9�����#����� �.!�.� #� �!�����;���!���!�.(!���T

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

! ���

% �������������C@�����3����;����<�=

' �����;2����<��������� ���>

#�����������������**�A��������A�ss�����C@�����3����;����������u ��<>

B

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

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

Page 164: Язык javascript ч 2 1

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

�M

-������!� T��B�A���?<]�AhCX�<aAi<��XX�AB��X%k�i?%

'���F����.�#�.�!� ���� ���.�)��(�/�����(�����.�>8@D�.����� � )������ ���,�

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

N�� ���� �F��.!���� �.��"�./01%

V��(����T

%

V�F����

e,!����!�F����

H��! �#���F����,!����!�F����%

1���)����������.��T

c% '� ��� ���/�����������.�%

s% N��.�)�,�/�����������.�T

�� &���������.����� ����. �8@%

s% -���.����� �!� ��n#��!�(�.����/���/�����#������#������������7#�

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

V����( ����,%

&���!�F����

Page 165: Язык javascript ч 2 1

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

• P����� ����. �;��,��)���(�����

.�.g8���5�������.�3�u���;A��A<������%

• N�� �������.������.����� �����. �.���%�=���)��������#������ ��!���

���.�� � �(����������,����#�����9���� �� ������%

1.���������!�F����T��B�A���?<]�AhCX�<aAi<��XX%k�i?%

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

<�%����������

�M

N����,��.(����������������(�9��T

���8�����*�� ���������5�������.�3�u���;A�A<f

���8���!�*�� �����������?����� e��;A�A<>

z���!�� �G����������������8����������#��8���!������#����� ��.(������ �!(,�

�� ������9G��������.��)�����*(�(����)���+

V�F����

Q���������8��������������#����(������5�������.�3�u����2�)� ���.�."��%�1���

� ��������.����������� ���/�������������������( �����������c%

e� ������?����� #����!�#� � !�9������������ �����.�(� %�1�����������������)��

������/������#�����������!���������.(�����%�&/��(�

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

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

�s

P�. ���������.��/����� �!�������

����!��T��5�������.�3�u���;��<��������?����� e��;��<+

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

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

}%�%�:��������������� �#� ��������.��!��%�-���!����"����F��cn�!���;� ��!�F������

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

V�F����

Page 166: Язык javascript ч 2 1

N��������!.��,���(��������� ����$(�."��������;�f������<#�.�!������(�.����

$(�."�����������!����� � !�9����!����"(� � !�����T

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

! �� ����*���B�0���;<>

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

' �����������B�0���;<����>

# B

&�! � � �!�����>�� �!�� D�;�����!����!����"(���)�(�$(�."������o���������#� ����.T

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

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

% B

' �

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

�� ���������*�� �����������?����� e��;A�A<>

9 B

& �

: ����;������;��o��f��""""<�<>����E^EF\JH�EWFMY��"""+��o��

1��������� �!����!��(�����#��%.%���5�������.�3�u����� ������3)� ������. ���

���!��4%�-�������!��������.��,�!��(������#������.������!�� ���� �9�#�

�%�%���o�������,����(�������9��%

ke�����?����� e��� ��,����!�� �������.���$!��!(�������.�/����� %

S����!� ���� ������;�/�������.����(���������.#������(����� ���/������#�.�.�/��

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

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

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

�M

-��������� �����.���T

� )���

! ��)������)����

% ��)������)����

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

# �����

)����

Page 167: Язык javascript ч 2 1

P�.��������/$$�.�� ���(����� �! �8@+

V�F����

0)����.T

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

E����.T

�����*��������?����� ;A��$���������;!<A<>

1���/���� �� ���(�(����!���!�������� �g8������� �����!��!������ ������/������%

e� ����.�;��!�(��!��� ���� ���/������#��������� ���!��� �! %�=����F�T

�����*��������?����� e��;A��A<���>

'���!�.��.��!����"�� ��!�� �����������(���� �������.������ �� ��������F���

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

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

:��9�

-����M��� �������� ��(������/����� ���7T

F���� /+������� /+�����"���!�������2 3�����-��

��5������.�@� �� � �����

��5�������.�u��� ���� � �����

��5�������.�3�u��� ��,���A+A � �����

��5�������.�,����u��� ���" � ����� �BC�E

����?����� ;e��< WQQ�������� � ����� �WQQ�������BCDE

• N������������������������������?����� ;���<#�.�!� ��! �!���#�(� �� !������

/������*��2���.�!(%�1������!)� ��������F���� ���!�(��! � ��!�$�.�� �$!���

>��#� �#����C��D%

• �}��k�����!)� ��������F���� ���!�(��! #�.!���IJ#���)��� � �!���%�P!����,#�.�.�

�!� �#�����?����� �(�����%�&/��(��������(�����!��.%

Добавление и удаление узлов�� .�������!��������4� ���������5�������� N�� �����/������T� ����������,����� �#����������.�� �

�� ��������(� T� ������ ��,����

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

�� H���������9����

�� N�� ����

Page 168: Язык javascript ч 2 1

)� U�.�� ���(��#���.��������� ����

H� E�,

E�����������7�;�.���.���������3)� ��4���!���"%

:�/� �,� �����!�����!��#�.�.����� ����� ���/�������3�����(4���������������������%

/� ������6��!�����'���� ��X������

N����������/����� ������(��������(�9����������.(�����T

������������ ��X������Q� �R

H������� � �/��������(.����������,�T

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

������������ ��[���Y���Q����R

H������� � ���.�� � �(��������������.���T

������5����*�� ������������3���u ��;AdcJ�Z^G�YA<>

' �(�/�����(��(��)���)������ ����� �� �T

� �����0���*�� ������������5������;A���A<>

! ���0��������u����*�A�������A>

% ���0������*�A����A>

' �

# ���0�������6378�*�AjWHEFJf�MHW2A>

P��! ����

' � �/�������)����.)���.��! ��������(9��� (�9�,T

��BX����K�����������Y���Q����R

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

��BX����K�����������Y���Q� ���R

P��!(���/����������#� ����������!��(����#���������/����� %

<�&��������6��!����'� �����Z���.�������\�����

z������72(�������.����������!���"�#��,��������� ��� ���� ��.(����%

N��/�,�(���,�/�����������������������,����T

Page 169: Язык javascript ч 2 1

� ����X���� �����Z���Q����R

N�� ��������� �����.����!����/����� ������5���%�' � �(������ ������ �.��"�����.�%

H��(�9� ��!���!���� ����� � �/������ �()���(9��� (�9� ����T

���

"� )���

"! �����

"% )����

"' )������

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

" �

"9 �� �����0���*�� ������������5������;A���A<>

"& �����0�������6378�*�AjWHEFJf�MHW2A>

": �

�" �������5����������,����;���0��<>

�� )�������

� ����X����������\�����Q����6�����d������R

:��� ��������� �����.����!���������5���#���!���/�����������?�����%

H������� � �������! ������!�����)����.T

���

"� )���

"! �����

"% )����

"' )������

"# �

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

"9 �

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

": �����0�������6378�*�AjWHEFJf�MHW2A>

�" �

�� �������5���������.�� �;���0��f������5��������,����<>

�! )�������

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

�����5���������.�� �;����f�����<>

���JS�`Ff�IJS�H$

�����5����������,����;����<

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

���!���!�������������,����;����< � !�9��������%

B��������$ ���'������Z���

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

Page 170: Язык javascript ч 2 1

� ����X���������Z���Q����R

�������������������.������ ������5���%

� ����X�������� ��Z���Q����6��������X���R

H!�������� ������5������������������5�����������%

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

��� �����,��!���� ���7� ��(�(9��%

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

:��������� ��� .��� ��������.��(������ ��� ���� �/�����������!,������%

P�����)�#�/�������(���%

'��!���!#���������/��������������T

���

� )���jFWE^p)����

! )���[JSWSp)����

% )������

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

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

9 �����NFJ�NFSZhS_HMS\JH�E�bWF_EQWHJFGKNSM��� ��,����;����<

& ��� �������� ��������.�� �;����f�����<>����bSMFNYJK�MF\JQMH

:)�������

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

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

���!������/.!���������.!��� ��#���������� ��?X��%

56782.�������9�����>������DT

"� )������

"! ��������=

"% �������$�%""��>

"' �������$��%"��>

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

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

"9 B

Page 171: Язык javascript ч 2 1

"& �����������=

": ��� � $���>

�" �����C ���$�����>

�� ��� �������$�� ��>

�! �������$�%"��>

�% ������������$�%"��>

�' ������$�">

�# B

� ���������� ������=

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

�& ��������$��"��>

�: B

!" )�������

!� �

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

!% ��)��PQRSGSEST)���

!' ��)��������*(� �����(�dFT\J�mSSZxFNHY)����

!# ��)�����������*( C(�����*(���� �(������*(/�(��

! )����

1������������'+�������-�������������������,�������������������������

��,��������� ������� �������������x� ����������"-�� �#��'$���'+��������$�*�

P!����,#���� �������,����� #������.�.2�����!���%

/� ���������&C���"

N�����������)������!(.�(!���7#�.�.��!� �#������(������,� � �3F����� �(��4���

������� ��u ��#����� �� �����6378%

H��(�9���$(�."������������9�������(.����������������, .�%

"� ��������������7�����;�����f�� ��<�=

"! �����;�<

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

"' ���

"# �����;!<

" ��� �����������6378�*�A)���������*(������(���

"9 ����)���A�-�������-�A)������

"& ����)���������*(� �����(�A�-�� ���-�A)�������

Page 172: Язык javascript ч 2 1

": ����)�����������*( C(�����*(���� �(������*(/�(���

�" ��)�����A>

�� �

�! �����;%<

�% ���������� �����������,����>

�' B

P�.� ���#�������(������ ������!%�z�����������/����������.�� �(�F���(#�����������

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

/������%�U���!��,� � �/�������)���(�����.�.�� �����������,������� �!�(��� �;%<%

<�&�������

&(����� �/�������)����� ���� ���7T

��������5����*������7�����;AjWHEFJf�iHW2Af�A~���]GFMFNJ�0/72A<

� �������� ���������,����;������5���<>

1.�������� �!��(����T

"� )20/,3145�6378�

"! )����

"% )� ��

"' )��� �������*(����&(�

"# )���E�����*(��������(���*(����������(����*(��������(���

" )�� ��

"9 )�����

"& �

": mSSZxFNHF�_SZQEGFNS�Ha�����?�����

�" �

�� )������

�! �

�% ��������������7�����;�����f�� ��<�=

�' �� ��� �������*�� ������������5������;A���A<>

�# �

� ��� �����������6378�*�A)��������*(������(���

�9 ����)��A�-�������-�A)�����

�& ����)��������*(� �����(�A�-�� ���-�A)������

�: ����)�����������*( C(�����*(���� �(������*(/�(���

!" ��)����A>

!� �

!! ���������� �����������,����>

!% B

!' �

!# ��������5����*������7�����;AjWHEFJf�iHW2Af�A~���]GFMFNJ�0/72A<

! �

Page 173: Язык javascript ч 2 1

!9 � �������� ���������,����;������5���<>

!& �

!: )�������

%" �

%� )������

%! )�����

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

P����#��������������� ������F�%�V���)������9��������,��2���(��#������!������.��%�:���

/�� ���� ��)�#���.�.�;����� ��� ����(�9�����������%

=������(��$ �(.������������%��� �����"

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

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

������������ ����������%�'������������F,� �!��%

�M

-�����(�� �(�����7�����%

1����. � ���!��(��������(��/����.!����+

&�! � T

�����������,����;� ������������3���u ��;����<<>

:�! T

���������6378�*�����>

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

V�F����

V��(����� ���������)��������!���� %

Q��(���������(�9����!���!�#������( ������!����"(T

• �����3���u ������������.���A)��JFT\J)���AT

���

� )���)����

! )������

% �� �������*�A)��JFT\J)���A>

' �

Page 174: Язык javascript ч 2 1

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

�������������,����;� ������������3���u ��;����<<>

9 )�������

• ����6378��!�� �� ����5678�)��JFT\J)���T

���

� )���)����

! )������

% �� �������*�A)��JFT\J)���A>

' �

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

�����������6378�*�����>

9 )�������

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

1� �������� �!�� �F�+�N�)���������#��#��,��� � �!�F����#� ���,.�( ������!����"(%

E��.#����� �� �T

�� &!������������.�� ,�(��������3���u ��;A)�����)���A<���������"���������� ����

��,�� ���!.���(�(������!�!���! ����.�.���.��%�e�����6378� ��� ������.�.�5678%

s% :� ����� !���������!�(��!���>.!���IJmOD����������� ��� .����.�� ,�(���!�������,!����

����!��#������!�� �����5678%

:��9�

0����������������(� T

• � ������������5������;��<�;��������/�����

• � ������������3���u ��;�����<�;����������.�� � �(��

• ������� ��u ��;����<�;�.��!(���/�����#����������**����#����� ��������.���%

:��� .����(�������(� T

• ������������,����;����<

• �����������.�� �;����f�����?�����<

• �������� ��,����;����<

• ������������,����;����f������5���<

:���/��������� � !�9��������%

Q���������!��.��!,(���� �������!��T�� � > ��� ���� D�/������;� ��,�����! � %

0��������������������7���.)��������� ����"�$�.�"�����7�8X�X?�c%

�M

'���F����$(�."��#�.�!���(������/�����������7%

Page 175: Язык javascript ч 2 1

H����.�����)����������.��T��� ��;����<#�������#� �������

������u ����� ��,����;����<�;�����!������.,�/������%

"� )���rJS)����

"! )���[\F)����

"% )���rGFMFNJ^�0/7)����

"' �

"# )������

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

"9 �

"& ������������� ��;����<�=��+�EQO�TS_�+��B

": ���� ��;����<>������)���VcNTXHY�_SG`NQ�c_QGHJK�]GFMFNJ

�" )�������

V�F����

V�����������u ����)���(������������%

'()��(������� ��������%

c% V�������)�����������>/������()��(���������9����� ��� ��D%

s% N��� ������������������!������������()�� �!�(���(������ �/�����%

:����.� �,�����!�F����T

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

�������������������u ���������������u ����� ��,����;����<�$�����>

B

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

�M

'���F����$(�."��������e���;����f���5���<#�.�!������ �����������(�����5���%

"� )���rJS)����

"! )���rGFMFNJ^)����

"% �

"' )������

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

" �����������6378�*�A)��ySE^p�]GFMFNJ)���A>

"9 �

"& ����������������e���;����f���5���<�=��+�EQO�TS_�+��B

": �

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

Page 176: Язык javascript ч 2 1

�� �

�! �����E\JQEHJK������bS\GF�bFWESRS�]GFMFNJQ

�% �������e���;����f�� �������,����<>����)����_SG`NS�WQZSJQJK

�' �

�# �����E\JQEHJK������aQ�bS\GF_NHM�]GFMFNJSM

� �������e���;����f�� �������,����<>�����)����_SG`NS�WQZSJQJK

�9 ���

�& )�������

V�F����

N���,#��������� ����/������������5���#�����)��� ��� ����

�,���!����5��������?�����%

'������������?���������+�=���������#������5����� �����������������.��� �,�

!���������)�������� ����������,����%

P�T

� ��������������e���;����f���5���<�=

! ���� ��������*���5���������u ��>

% ���� �������*���5��������?�����>

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

# ��������������������������.�� �;����f�����<>

����B������=

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

& ����B

: B

'�.���)��������,!����.!��#���������� ����$�F.(��� �!����!,(������`B??�

�����������.�� �T

��������������e���;����f���5���<�=

�������������5���������u ��������.�� �;����f���5��������?�����<>

B

-�����������?�����#��� �! ��!,(����������.�� ������ ������������

�,�������.�� �;����f����<�!�������.�.�������,����%

:�!�F����������! �!.������(9��� �������5���������u ��#���.�.(� ��� .������

/�����������!������;�()��F��.�#��(������� ���.���� �$(�."��#�/���!����%

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

�M

Page 177: Язык javascript ч 2 1

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

"� )� ����

"! ��)���

"% ����)���rJS)����)���[\F)����)���rGFMFNJ^�0/7)����

"' ��)����

"# )�� ����

" �

"9 )���

"& ��)���[Q\Y)����

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

�" ��)���iQOQ)����

�� ��)���kQOQ)����

�! )����

�% �

�' )������

�# ������������� ��,������;����<�=��+�EQO�TS_�+��B

� �

�9 ���� ��,������;� �������� �����������"�<>����SIHxQFJ�JQZGHXc

�& ���� ��,������;� �������� �������������<>����SIHxQFJ�\bH\ST

�: )�������

}%�%�&! �!���� �F��!�F����� �IJO%

V�F����

'��!� �����!�F����

N��������!�����!������� �� ��!���!��,#�.�.�������������T

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

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

% ����������� ��,����;����������u ����C�<>

' ��B

# B

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

'���!����������(#���������u ���� ��,��������������n���� ��������.�����9�����#�.,���

��! � ����.�(����>�%�%���#������� �!��#����������! ��D#��/��(���. �"�.�

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

V�F�������!�����7

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

Page 178: Язык javascript ч 2 1

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

! ��B���;���������,����<�=

% ����������� ��,����;���������,����<>

' ��B

# B

'��!� �����!�F�����>�``X�5678D

&!���������.������� ��������6378�����������!� ��� T

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

�����������6378�*�AA>

B

N�� ���#���� �IJm��� �� �����6378������F���� �����������/����� �>.!���

����.�36�30D����!������%�S(����F��.�%

:�!���!�F�����>�``X�5678D

0)���� �!�(�������6378� ���������T

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

! ������=

% �������������6378�*�AA>

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

# ����B���;���������,����<�=

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

9 ����B

& ��B

: B

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

�c

Q��(������/����!���!%�&���(� �� ��� ��,��������(������.��(���(+

���

"� )� ����

"! �����

"% ��)���

"' ���)���3���)����

"# ��)����

" )�� ����

"9 �

"& )������

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

Page 179: Язык javascript ч 2 1

�" �

�� ����;�����<>����JQZGHXQf�bSTQ�E\}�bWQEHGKNS

�! �

�% � �������� ����� ��,����;�������<>

�' ���bSIFMc�E�_STcMFNJF�S\JQG\Y�JFT\J�

�# )�������

V�F����

5678� ����������.!!�.���%�:�/��� �G���%�E� �!���,.�!�F����#������.!���������.%

:��G�� ���#�����!�(��!����������.���������!�������"� %�&/��(����������� �

�.(�����%

:�9�#� �������!���5678M������#�.�.��!�(��!(��!����� ������.!!�.��� �5678#���.����

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

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

�g

'���F��������!$� �����������������.�%

N��.�)�,��(�.��T

�� Q��!�F� � ������!)�����(�.���(���� ���������9���� ���%

�� H��� � ����(�.������� � ����,�.�g8%

[% &!"�����!�!� �����#�.,������ �������)������J�*%

:���/��������)������� ���������������.�%

-������������ ������,��;� �����.������.��� ������.�.������ ���.��%

V�����9� ��!���!��(�T��B�A���?<]�AhCX�<aAi<��X��X8�C�%k�i?

}%�%�� ���� � !�9��������#�������� �������)��J�*%

V�F����

V�F�����, !��������������T

"� )20/,3145�6378�

"! )����

"% )�����

"' )��mSa_QNHF�\bH\TQ)���

"# �

" )������

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

Page 180: Язык javascript ч 2 1

"& ��� �������� ���������,����;��<>

": �

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

�� ���� �������*�� ���;([EF_HJF�JFT\J�_GY�bcNTJQ�\bH\TQ(f�((<>

�! �

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

�' ���������� E>

�# ����B

� �

�9 ���� �����*�� ������������5������;A��A<>

�& �������������,����;� ������������3���u ��;����<<>

�: �������������,����;��<>

!" ��B

!� )�������

!! ������

!% )������

!' )�����

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

N�� ����! �!.(��������� �"�.�%�� ���� � !�9����/�������������.����������)���

J�*%

P������ �8@���� � �������9���� ������������3���u ��#�������!� ����!������m#��

���%�%

{1�.!���������(� �� ��.��|

�M

'���F����$(�."��#�.�!�������G�� )���� �����.�g8�8@�>��!� D�����r�.��%

'��!���!T

"� �������*�=

"! ��({^Z^($=

"% ����(|SWFGK($=Bf

"' ����(�cTQ($=B

"# ��Bf

" �

"9 ��(kFWFEKY($=

"& ����(�ESpN^F($=

": ������(�H\JEFNNHXQ($=Bf

Page 181: Язык javascript ч 2 1

�" ������(�GK($=B

�� ����Bf

�! ����(�EFJTSE^F($=

�% ������(�FW}aQ($=Bf

�' ������(dSbSGK($=B

�# ����B

� ��B

�9 B>

H����.���T

� ��� �������*�� ���������5������.�@�;A� ������A<>

! �����3��;� ������f�����<>����\Sa_Q}J

V��(�����>��!� DT

:���!������������ (������ �!�F�����/� �������T

�� H��������!.(#����������!�� ������!���� �����������6378%

s% H��� ����(�����!�����������7%

-����(������;����� �����%

E����� ��.(����T��B�A���?<]�AhCX�<aAi<]B�?a2��XX2C��%k�i?%

V�F����

V�F�������!���!�.(!���%

c% �B�A���?<]�AhCX�<aAi<]B�?a2��XX%k�i?%

s% �B�A���?<]�AhCX�<aAi<]B�?a2��XX2aAi%k�i?%

{1�.!���������(� �� ��.��|

�g

Page 182: Язык javascript ч 2 1

'���F����$(�."��#�.�!���(�����,���!�! ����.�����!����������� ���!��>����"#�,�D%

P�����!���)������������"� #�,���.�)�� ������;�/��30%�������"���)����������, .

����� ���������� ������#�.�)�� ������;�36%

H����.���T������,������;��f����f�� ���<%

U�. � �� ��)���,���!�! ������.������.�����!������"��� ���� �,�(����#���������

���9�����,� �(�!��/���������(.����������%

'��!���!T������,������;(���(f�!"�!f�:<��,���!�!(��� )������*A���A�)���������(�9�

.�����!�T

'������ ��.(�������������T��B�A���?<a��X<��?X`a���C��%k�i?

}%�%�N��������,���!�! ����.�����!�#�.�.���������,�����������()�%

V�F����

N��!�F�������������,���!�!(�������"(� � ������!.�T�()���������)�������(#���������

�!�� ��� �����6378%

e,!���T

�� H�������r�.���������*�����0���;���f�� �����<%�=����! � ������

����"��� ����>��(������,#��������"�� �����������������n#��������cD%

�� ��� .����! ,�!�����(�������������������������������0��;<#���.�!,�

���������������"%�H���������%

�� � ���� ��������� �����������"(T������0���;����0���;<-�<#������ ���� �

.�����!����!���(����� .(#��.���������,�����(�9�,�����"�%�&!��/���

������ �������������������� ��� .(���!� �����!.��()���)��(%

�� &!������������#�����.�����!��.������������ �.!�������2���� ����

�(�����30� �����"(#��������� ���! �%

P��!�F�������������������T��B�A���?<a��X<��?X`a����BC%k�i?

Page 183: Язык javascript ч 2 1

{1�.!���������(� �� ��.��|

�g

H��� ���" ����������.��.�.� ��!���!����)�#������(�����@������T

E����� ��.(����T��B�A���?<�a��`�Xa<��i�`j<�?A�^2�`�X���?2C��<�`aXq%k�i?%

V�F����

N�������#��!��(����������9(��5678<*��2��!(.�(!(%

Q�����.�)�� �.������� !������(������������� ��� ���� (�9� �?4euT

)�����*(�� �C(�

����)�� �������*(� �(���)��� ��$)�� �������*(���(���)��� ��$)�� ������*(���(���)��� ��

)����

P�)�� �?4eu�!��.!�F� �������!����9��*��%

R������������(����������� ����$(�."���������#� ��� ������.�)�(��

��.(��(T���@������;������f��"""<%

"� ������@�>����JQpMFWf�F\GH�IQ\^�aQbcxFN^

"! �

"% ����������� �C?���;<�=�����aQbc\JHJK�IQ\^

"' �����;����@�<�������>

"# �

" ������@��*����@������;������f��"""<>

"9 ��������;<>�����;+<

"& B

": �

�" ����������� �C?� �;<�=

�� ������@������;����@�<>

�! ������@��*�����>

�% B

1�!������ �������#���� �� �������������.�������! ��#������!�� �������(��)�� �

��!.��;+<%�E���������������!�F������)���������! ,� ����������@������%

�(�."����� �������� T

Page 184: Язык javascript ч 2 1

"� ���������������;<�=

"! �� ���� �C�*�� ���������5������.�@�;A�� �CA<>

"% �� �������*���B�0���;<>����;+<

"' �� ��� ���*��������6 ��;<>

"# �����;� ���)��"<�� ���*�A"A-� ��>

" ���� �C���������"������6378�*�� ��>

"9 �

"& �� ����������*��������7������;<>

": �����;��������)��"<���������*�A"A-�������>

�" ���� �C����������������6378�*��������>

�� �

�! �� ����� ����*��������?�� ���;<>

�% �����;��� ����)��"<���� ����*�A"A-��� ���>

�' ���� �C���������!������6378�*���� ���>

�# B

:���!.��;+<�.�)�� �!�������(�������.(9(�����(%�0���)���/��������#������!������#�

��#�.��������#��,������!���( ���� ����������.�.�)�(����.(��(%

'������������������)�����!���������������.���� �������������#��%.%���@����������

,�!����!(������(������!).(%�-��� ��!(,��(����.��.����(���� �� �������#��������

���� ����#�.�.��������������.�%

&�� �.��!�F����T��B�A���?<�a��`�Xa<��i�`j<�?A�^2�`�X���?<�`aXq%k�i?%

{1�.!���������(� �� ��.��|

�[

H��� ���" ����������#������(�����3��� ��� ��������@������T

E����� ��.(����T��B�A���?<�a��`�Xa<��i�`j<�?A�^2��iXAB�2C��<�`aXq%k�i?%

V�F����

1�9���!�F����������� ����,��� ����������CX�I`�X���?%

H������!������3��� ���;����(��#���. �)�#���.�$(�."����������.�)�� �!������ ��������

���!������� %

P��!�F����T��B�A���?<�a��`�Xa<��i�`j<�?A�^2��iXAB�<�`aXq%k�i?%

Page 185: Язык javascript ч 2 1

Q������#���� ��������(����"����!����������� �������@������#��%.%��()������

����!).����)�(����(�.���#����!������(�.�.�)�(����.(��(%

{1�.!���������(� �� ��.��|

Мультивставка: insertAdjacentHTML и DocumentFragment�� 6�������������������"����

�� N�� �������)��� ��(�

�� �����e�������6378

�� �����e�������5������� ���������������e�������3���

�� 0 ������t�����

)� E�,

1������������� ��� .��!��������������(��%�'�������������� ��� ������)��� �(� ��� !�����%

7%��!� ���"��������������$!���

V�����!��������(T��,���!�! ��������.�g8�8@%

-����� �� ��)�������� ��������T

c% H������ ��� ����g8� ��.(����#���������� ����.����(�8@T

�����*�� ������������5������;A��A<>

� �������� ���������,����;��<>����\NQIQGQ�E�_STcMFNJ

���;���<����������,����;��<>������bSJSM�caG^

s% &�����������������.�3 �����74#�������;� ��� ���� ��.(����T

�����*�� ������������5������;A��A<>

���;���<����������,����;��<>������\NQIQGQ�E\JQEHJK�caG^

� �������� ���������,����;��<>����aQJFM�E�_STcMFNJ

P�.������!���#���)�(�/��������� ����������������!����"�%�:���F���� ���!�(��! #� �! �

�!�����;�����!��%

&���(�)�+�E�,���, !��T�3���(�����!�(��!���!�!�� � ����.�)�� �!����!����� �����/������4%�

=�������.%�N�� ������ ���!�!�� .�%

S!�(��!���������3(�G�4#����������,������!�!�� � ��������!���(%�:���F���� ���(��� �

�!"�������!�!�� .������(��� (�9��� ����������(�(���)������.�������!������.!����#������

���������()��� �!F��������!����"�#� �.�. ����� ����������������������(��%

U�����������#��!�� ��� .��(����!�������!������ �(�!����������������� ����� �(�!��������!(.�(!�

������#��.!���������F���,��%

z���������!�������;��� �������.�.!��� #� �(�!���� ��!�(��!� �!�����"�����7#���/��

�������� !���%�P����#��!�(��!��!�� � �����������!������� ������F������ �� ���.������(�(%�'��

����������������/� �������#� �*k�AiX�!����"������������%

Page 186: Язык javascript ч 2 1

z�����,.��! �!������.(9��������������;� ��� ��������!.�%

1�����������������"(�snqsn#��������3./01�/���������3q�30%

&!��/�����! � � ��� ���� ��� ��.(������(��)�#� �! �;�����!)� ���� ��� .(�3./01� ��.(�������

.�"���!"����%

P�.����#���������(�����%

SJTW^JK�TS_

N�� �������)��� ��(�

&!�)���!��������� ��� . �(� %

V�����!����(�� #�.,��� ��.(������()���������F �����.�g8%�E��(������������!������ ����

�9��sn�/����� �8@%

P�.�/��������+

-���� ���/��������!�F�� � ������!.�#����)����!� ������� ���������.T

�������6378�-*�()����)����)���!)�������(>

'���!�"���-*�������6378����!�����������7%�1�������!��� ���#������������ �G����!)��������.�����

������(����!.(%�=�������.�������#��� ��� ��F����!��(!���>.�!���.�D��(�(����,!()������� f�

U�.�(�F����������%

e������()�� ��� ���� ���!����(�����.�+�Q���������6378� �9�������)��%

0)�#�.����#� ��� ������!.(� � !������ ���72/����������!���������(���/������#����������

,!����(�F� � �!����T�����������e�������6378f

������8�h ����][eH

0�����`CX���a���X`�5678��� ���� ��� �����!�� ��� �5678� �����������.(�����#� ����

���������)�(�(����f

1������!)� ������ ������!�(��!���#�.!���t��XuAq�����F�� �!����O#��(��������,��)��/�(�! ���%

H����.���T

����������e�������6378;����f�����<>

���

H�!.��5678#�.�!(���()�� ��� ���

B���

P(�������F�����.������ ��� ������!.(%�:��,�����!�� �!�����T

�� ��� �.����;���!�������%

�� ����.����;� �(�!������#� ����������%

�� ��� �5���;� �(�!������#� �.��"%

�� ����5���;���������%

Page 187: Язык javascript ч 2 1
Page 188: Язык javascript ч 2 1

0)�� ��� ���������������!(,��#� �� �������.�� ��������,����#����!��/����(��������,�

��!�"� �����F���)� ����.(�����%�E���)���������)���0 ������t�����%�=�������� �.!��2

�!�(��!�� ���72�r�.�#�.�!� ���)��������� ���72(��#���������� �����%

H����.��������,��������T

���������*�� ������������0 ������t�����;<>

:���,��)����� �����!(,���(��%

�������������,����;� ��<>

-,��)��.��! ���T

��������� ��u ��;����<>����TGSNHWSEQNHF�\�bS_]GFMFNJQMH

�'�(�0 ������t������������������ �� ���72(� #���.���.�.�����6378#���u�������%�%�=�����

(��%

3��F.�4���.�������� ���#����.,���0 ������t������ ��� ������ ���7�;�������������#��� �����

��,� ��� �������,�����%�=��� �� �� ������(��.��� ����������0 ������t�����%

'��!���!#��)����� ���� ���,���,�8@#�������������,�����.�g8%�&!��/���$!�,�����!��� !����#���

��7� ��� �����������8@#��,��!��������.�#� ����)���!��.�#� �.�!������ �$!�,�����%

"� ���hSJHM�E\JQEHJK�E�\bH\ST�g8�MNSRS�8@

"! �

"% ���_FGQFM�E\bSMSRQJFGKN^p�0 ������t�����

"' ���������*�� ������������0 ������t�����;<>

"# �

" ����;XHTG�bS���<�=

"9���������������,����;�������<>����E\JQEHJK�TQ`_^p�8@�E�0 ������t�����

"& B

": �

�"���������,����;������<>������EMF\JS�VWQRMFNJQ�E\JQEYJ\Y�]GFMFNJ^�\bH\TQ

:�� !���������!�(��!��#�����.)���!�� ��� .�� �(��� ����.(������/$$�.����/� ��������"�������F�#

��������.�.,%

z������������.(9����)����� �9� #���!�( ��� �!���������!�(��!������(�9� �����F �

������!.%

&!����)��������.��.����)�� �����.���� �������""�/����� %

SJTW^JK�TS_

E�,

• 0����(�"��#������9�����!(.�(!(���7�> ��� .�#�(�������/����� D#�.�.��!� �#�����!�����

�������������.���(��#���������F�����7#�.�!� ���������� ��.(�����%

Page 189: Язык javascript ч 2 1

P�.!������!����"���� ������� �(�!���� �!�����"�����7� ��!�(��!�%�'������������������

������#� �*k�AiX�������������%

• 0��������������e�������6378;����f�����<��� ���� ��� ����56782��.��� ��!�� ����

������.(�����%

H ���������T

• :�ttL2��,����%

• IJK2L�����!)� �����,��F���������/����� #�,���!�������� �� �����6378�>�%�%�

.!���3e.85#�3q����%�%D%

• 0 ������t�������� ������������! ����.����� � ��� .� ���F �)� ���7%�=���

�������"������/$$�.�� ��� ����!����!�(��!��#� �� ���/$$�.������G�����F�%

=�������������� ��� ������ ���,#�������;��� ��� ������ ���7%�&!��

��� .�0 ������t������3!��� !�����4#��� �������,� ��� ���������!)�9����� ��G��(��%

0 ������t�������������e�������6378���������!(,��!(,�%�1����!���������(����#��!(, �;���

��.���%�U�.��������������,(������������%

�M

'���F����.����� ��� .����.��������� �.��"�����.������������ ������

�����������e�������6378%�U�.��� ��� .�#� ����������!�� ���������6378-*#�����(����

��!������� ������.(9������!)���%

N�� ����.�����.(���)��/�������)���%)����)���')����)���#)����T

� )���

! ��)����)����

% ��)���!)����

' )����

V�F����

V�F����T

�����*�� �������� �����������"�>

��������e�������6378;(��� �5��(f�()���%)����)���')����)���#)����(<>

{1�.!���������(� �� ��.��|

�g

'���F����.!���!�(��!�(��$(�."��������.�� �;����f�����<#�.�!��T

• :��� ����56782��!.(��������!���/�����������#������(������e�������6378#

• -������������!)� ������>���!� �t��XuAqD�;�����!���0 ������t�����%

Page 190: Язык javascript ч 2 1

:������(������)���������F��������!�"�������7��.(�����%

H��(�9� �.���)��� ��� ����� ���!�(9������/�����������.�)���%)����)���')����T

"� )���

"! ��)����)����

"% ��)���!)����

"' ��)���#)����

"# )����

" �

"9 )������

"& �����*�� �������� �����������"�>

": ����#�*������������!�>

�" �

�� ��������������.�� �;����f�����<�=

�! ���+�EQO�TS_�+�

�% B

�' �

�# �����.�� �;��#f�()���%)����)���')����(<

� )�������

V�F����

&��.��.�

• &! �!��������!).(������e�������6378��)����.T

���;����������e�������6378<�=�����B

• -���/���������������!)� �����#������� ��� !������ �/�����#�

��!������6378����� �����(�������#�����������!������������!)����

0 ������t�����%�&��������� �� ���;� ��� .�� ��.(����%

V�F����

���

"� )���

"! ��)����)����

"% ��)���!)����

"' ��)���#)����

"# )����

" �

"9 )������

"& �����*�� �������� �����������"�>

": ����#�*������������!�>

�" �

�� ��������������.�� �;����f�����<�=

�! �����;����������e�������6378<�=

Page 191: Язык javascript ч 2 1

�% ��������������e�������6378;(��� �.���(f�����<>

�' ��B������=

�# ���� ���������*�� ������������0 ������t�����;<>

� �

�9 ���� ������*�� ������������5������;A0@vA<>

�& �

�: ������������6378�*�����>

!" �

!� ����B���;��������,����<�=

!! ���������bFWFNF\JH�E\F�caG^�ES�������

!% �������������������,����;��������,����<>

!' ����B

!# ��������������u ��������.�� �;������f�����<>

! ��B

!9 B

!& �

!: �����.�� �;��#f�()���%)����)���')����(<

%" )�������

{1�.!���������(� �� ��.��|

�M

-��������"�T

:!" G�!���" 7������� ,� ����

%�� 3����� ����������# �m

3��� /����� 3�����# �)

%����� ]��� /�*# �

k k k k

H�!.� �����"����,T��)��������sn#�Mn#�cnn%%�-�������!(,���/������� ��.(�����%

P�.���� ���!��)�����!��! �������!)��������"�������[SaWQ\J+�1��(�� ���

�,!���#�!����( ����,%

P�.�������#�������!��! .��!������.�.��)������!��+�e����� �����"��cnnnn���!.�

>�� ��������.�D+

}%�%�0)����������������0 ������t�����+

}%}%�%�-����!���)���#����(�������!��������������� ���������������"�� ������������;�

�������!��T���!��! ����/�(�����"(�����,���!�! ����� (�+

V�F����

N���!��! .��������)���$(�."���� ������� �%

Page 192: Язык javascript ч 2 1

1�9���������)������� �!�����T������������� ������!.�����!��! �����,%�U�.����

.!����� �������%

:��$!� �����)����,!()����.(����#����� ��9� ���!����(�9� �!�������,!����%�

1�!������ �������T�!����"�� ��!�� �����������)�������,�������.�.���!��f

1�.!���� �

� ��.���1�.!���� �������"�

}%�%�H��� ����0 ������t���������������.����(%�0)�� ���9��������.(�����3./01��������

��������� ��!� ������7�>�,!����gD%

Page 193: Язык javascript ч 2 1

}%}%�%�-����()�����������,�(� #������������6378�!�����������!��#�����,���!�"���

/����� ���!�����72 �� �%�'� ��������(��������������G��/������#����!��!(�����

��!� ��� ����,� ��#���.����!��(�������,(����������%

{1�.!���������(� �� ��.��|

Метод document.write�� 1�����'������ ����� ������������� U�.���.�"����,!(�.�

�� &!���(9��� ����!��� ��������6378

�� V�.���

�� e���!���� �T� ��� .����!�����7

�� E�,

0����� ������������;����������������!� �������� ���� �������.����.��.(����(%

����,�������(9��� ������,!��������#��/��(��������(�����!��.#����� ���������%

+�����&���������������B����

0����� �����������;��<�.!!�.���!���������.��.��5678��9������,!()��%

1������� ������.��� ���.(9��������5678%

56782�.(�������)���(�������!)������!�%%

���

� )�����

! �

% )������

' ��� �����������;!<>

# )�������

%

9 )������

'�����.�.���,!������� �������!)����� �����������%

H�!.���!�����F����� �56782�.(����������! �!.����!(.�(!����, #�.�.��(������ ��,����������%

'��!���!T

���

"� )������

"! ��� �����������;A)����������=�� � $��t'"�B�)�������A<>

"% �)�������

"' )� ����

"# ��)���

" ��)�������� �����������;A)���A<�)�������

"9 ����dFT\J�ENcJWH�30�

Page 194: Язык javascript ч 2 1

"& ��)�������� �����������;A)����A<�)�������

": ��)����

�" )�� ����

U�.)���(9��� (��������� �������������;��<�;�����������!� �� #�.�!� ���� ����

��������� ���!� �����!.��A��A%

=��������������� �9�$ ��

:� !������,!(�.���!�(��!���������.(��������(��)����!��������,���7#�����!���(��������$!��"���

���!�� ���� ������ ���(��#����(��)����!�)�����%�=����!"������������!�!� ������.�%�:��

�� �!��.�� �����/�#�.,��������������� ��� �.����� �����������;��!�(��!���!�)������,� � �

�.(����#���� ����,�� ����(���������!������(�����%

0������ ��������������� ����������������F(�����!��(�� ���.����.(�����#����,�.�.��!�(��!�

���!��������,���7%

E�������,��!��/��(�����,(����������� ��.(����� ��#����(,��#�����������������.!�������,�%�

S!�(��!�(���������!�����!�������7#�������.�)�#�.�.�(���� ������!���(���!"���56782��.���%

P,���5678���,!(����#����!�(��!�����������!����7#��.(��������� �����3��.!����4%�&���.��

����������2�� ���.!��� ��.(������.!� �����,���� %�&!��/��� �����.(9������!)����(�������%

U�.(9�����!���"�#��.!��� ��,#�()����,!(�����#��/��(����� ����)�G������/�(�.��.(�;��G�

���!)����(������T

E�2���/� ����������� �����������������,!()�������.(���� ���������(��%�U������#���������

�G���,�!��������� ���7#��������9�����!���"(%

�5678���� �����������

:���.�!���� !���������!�(��!����!���(��������!���"������, .�, ������3���$�

������������, ������3���$�����������-���� .��������3�782!�)��4���������.(�����%�

0����� �������������!��/������!������%

=����������!����#���.�! ��782!�)����������������(��%

����!$C������%����������][eH

:���F���� ���(��� #�������$�.�"� ���7������������6378%

'�� ������������!�����������!��#�$�.�����.��/������ �����!� ��������� ���������!���"(���.��#�

�,���!�! ���� ��.!����%

=�������� ���#� ������������$�"�!(����(9��� (�9� ���7#�����F��� ���.�����!���"�����,�

,���!�"��%

�����!�

'��!���!#��,������(������ ��� .��!�.�������.!��� ���!��������������. T

Page 195: Язык javascript ч 2 1

� )������

! �� �����*�A����$������� �����������*A-7������� �;<>

% ��� �����������;A)��������*(A-��-A(�)���A-A����A<>

' )�������

• Q������.!����,���!�!(���bw8����������.�#�������)�������� ����.�bw8�.�.(�2���

��$!��"��#����(��(�������%�'��!���!#���� ����!��!�F�����/.!������������%

• H(�� ��������������� ����������,#�������!��� !������.�F�! ����%

• Q�.!� ��9� ���,�)�������� ���!.��!������#�������!�(��!����( ����)��������������������

�,�.�"���.!����%

U�.)�������(���������T

� �����������;A)��������*(A-��-A(�)��������A<>

Q�����)��������� �����)�������#���� �x<y��!��/.!���! ����������������%

Q�,!(�.����.,��.!������.�!(����!�� .(� �� ���!���"�%

S!�(��!�����������!� ����!��������������!���"�������.!����#����,�.�.���,!(������ �������.!���%�

-����� ��!�.������.�.��2���!�������!����������������� �9���� ���;��� ����������.���

��!���"�%

a�����������'������������� �OPQ

-��������,��.� �����#�.�!� �����.�!(�����!���"(%�E����( �����7T����� ���/�����?,q@43���

��� �����,� �5J��%

� ��������*�� ������������5������;A�����A<>

! ���������*�A����$������� �����������*A-7������� �;<>

% �

' ���JFbFWK�_SZQEGYFM�\TWHbJ�E�65e0f�SN�Zc_FJ�aQRWc`FN�H�E^bSGNFN

# � �������� ������5���������������"��������,����;�����<>

N�� ������.!��� ���!�����7���������!���"(����� ���� ��� ��)�����!�� ��(),���! �!�%

H��(�"�������,��)���#����� ��.!������)��� ����������9G������ �����������#���/���)��

� ��%�'��!���!#����������� ������������� � �$(�."�� #�.�!�����F�����.��� ���!.(#�����!.(������

��� ���� ��()����������!�����������7%

�[

'���F����.�#�.�!� ���.������ ��F�� ��.!����!�.���#���!��� �����(�!��!�F�����/.!���#�

��������h�`aAh%C��XX`%

P���! �!(��)�����������!�� ���(����$������� ��� �������*�"!'L�*9 &L*�!%'#(#�

,����f��;�!��!�F�����/.!���#���*�!%'#�;���.�!� ��(�� �� ���!����!#�������!�(��!����

����.!�������.�F�%

H��� ���� �� �!�����%�1������� �����������#��!(, �;������������/���������!�����7%

V�F����

�� :�!�������� �����������T

Page 196: Язык javascript ч 2 1

� ����*������������>

! ����*������������>

% �����*�A����$������� ��� �������*A-�-AL�*A-�-AL*A-7������� �;<>

' � �����������;A)��������*(A-��-A(�)���A-A����A<>

1�!������ �������T���.!� ��9� �)���������()��!����������� �������#������

�!�(��!���(����#����/��.��"��.!����#��� ������F��.(%

s% :�!���������7T

� ����*������������>

! ����*������������>

% �����*�A����$������� ��� �������*A-�-AL�*A-�-AL*A-7������� �;<>

' ��������*�� ������������5������;A�����A<>

# ���������*���>

� �������� ������5���������������"��������,����;�����<>

{1�.!���������(� �� ��.��|

:��9�

0����� ������������>���������D���F�����.����!��� �5678#�.�.��(��������� ��,�����%

• =��������!��.������(����#���.�.�.�!���������.�����.!��� #� ��������� ��!"�����

��,!(�.����!���"�%

Q��(�.�������,!(�.���!� ��G��.�����.���.(�����%

• 0����� ���������������������!%

:���������(���� .������6378�����72���� #����������������(9��� (�9� ��.(����#���

!�������������������.���#����,�.�.���72��!(.�(!���$!��! ���%

• E�,���� �����������������(��������� ������.!��� %

&!��/����!�(��!����� �����!�)��������(����)�������,!(�.���.!����%�=���!� �����F�� �

����(���#�������,!()���� ��.!�������� ��� ����� �����������#� ����������(����� ��G��.�

���F��������!).��%

&/��(�)���������.������ ��F�����.!����#������(�� ��� .(��.!�������!�����7%

Стили и классы, getComputedStyle�� �����u����� �����8���

�� �(�."��2���������� ���������8���

�� �����

�� ���������3���

�� &(��������$!��"���� ���������

�� ��, ������?����� ���������������?����

Page 197: Язык javascript ч 2 1

�� �����?����� ����>IJD

)� E�,

=���,� ��;��� �� �������#��(�������������$!��"����������������!����9������������%

&�!����!��������(��������#�����!F����.�������� �������*�������������#������.�������#�����#�� ��%

�� ��Y ��

H �� ������u������ ���� (���56782��!��(�(������%

&!���!��,������ �����>��� �����.����DT

� )����������*(������������!(�

! )������

% ������;� �������� ��������u���<>

' ��� �������� ��������u����-*�A������%A>

# )�������

)������

�?�CC8�C�

H �� ������8�����!����� ����(���� �����!$� �����!����������������.������%

1������!)� ������ � ����� !���������!�(��!��#� �IJ�����������IJcn#����,��)��/�(�! ���� �

IJOl%

• ����������8����� ������;���<�;� � !�9�������������#� ��� �����������,#��������(�

/�������.�������%

• ����������8���������� ��;���<�;���� ���<(������.�������

• ����������8����� ��;���<�;�����.������������#���� �����,#����������;�(�����%

S!�(��!��IJO#���������!)� ����/��� �� #���������� ��)�����!��F�!���� ��!���� �

���63785������#��/��(��,�����!).(��)��/�(�! ���%

P�#�!����(�9� �/�#� ���)������ ��� �����2������.���?�CC8�C�%�C%

E�,T������8�����)������� ���T

• -����()�������!).��IJcnl#����!��(#�����/�(�"��

• -����()�������!).��IJOl#�����������. ������8����������IJO#�

G$����� �!���������� ��H���

N������!).�����!���IJ��()���!������������u���%

U�.�.�.�.�������!����������!����!��#��#�������������.����#�������������!. �����!�"���

�������u���%�E���)���!�� ������������ ������!�,(�!���� �!�)��� #����)������!���!���� .(� �

����� %

P!��2�!�(��!����$(�."������!�������.��������,(�� �,��������.T

"� ������������,����;��f����<�=

"! �� ����*���������u��������������u���������;A�A<�$���>

Page 198: Язык javascript ч 2 1

"% ������; ���*">��)�������>��--<�=

"' �������;�����**����<�������>

"# ��B

" ��������;���<>

"9 ����������u����*���� ��;A�A<>

"& B

": �

�" ����������� ��,����;��f����<�=

�� �� ����*���������u���������;A�A<>

�! ������; ���*">��)�������>��--<�=

�% �������;�����**����<���������;���f��<>

�' ��B

�# �

� ����������u����*���� ��;A�A<>

�9 B

�& �

�: ������������,����;��f����<�=

!" ������; ����*���������u���������;A�A<f�*���������>���*">����<�=

!� �������;�����**����<������������>

!! ��B

!% ���������� ���>

!' B

P�����)�#� �������������2$!� � !.�������� ��!������$(�."��������.��������%

�[

H��� ���)������ ��F�������.�%�:�����������������.���������������

���������������������������� �(�!������%�R��� �" ����)���������� ������

(���� . �.������������%

���

"� )������

"! ���������=����C ����� � $����� ��B

"% )�������

"' )���

"# �)���) ����*(����$�� ���� �(�����$�� ���� �)� �)����

" �)���) ����*(���� ���(����� ��������)� �)����

"9 �)���) ����*(���$������� ��������(����$������� ��������)� �)����

"& �)���) ����*(����$��� ����� (�����$��� ����� )� �)����

":�)���) ���*(����$������������������(�����$������������������)� �)����

�"�)���) ���*(���$������������������(����$������������������)� �)����

�� )����

Page 199: Язык javascript ч 2 1

V��(����T�

V�F����

e,!���

H�������)���� ������.�#����!���!#��!����9�� ���������5�������.�3�u���;A�A<%

P�.� ���(�����#�����! �!.����!�����()������� ����� �� ��������

��!��(���e�������;A���A<�+�:������(����!������+

V��.!����� ��

&!� ����!�������T

• *��.�������!�.��$���� �������� ���� �(�!������%

• U��#�,����!�.������;��()���������� (����!.(�����,#������G��

���$���>�����/��-������D����! �!������������� ���������������������%

V�F����

P��!�F����T��B�A���?<]�AhCX�<aAi<i��^8�`^C%k�i?

{1�.!���������(� �� ��.��|

�����

H �� ���������������(��.������/������%�=��� �� ��)��.�.�������#���.����!� ���%

H���9�����,��)�������������F���� �*��2� �� #�

���!���!�������������������*A�""��A�!���������.#�.�.��(���(�/������������

��!��(������*(�����$�""��(%�U�.�)�#�.�.��� �*��#� ����()��(.��� ���������"������!����#����!���!���%

N��� �� #���� �����.�!���������������.�.���� #������(����� �U�.��Q�����T

���C ����� � ��*�����C ���, �

������������������*���@����

� ��������������*��� ��8��������

'��!���!T

Page 200: Язык javascript ч 2 1

���������������@�����*��"""">

���������t� ��� ������������� ��

E�.��������� ������� �� ��� ��%�:����!��������!��������������� �(�� ��(���

��!���! �! ����������(����������� ����� �.����� ��� �� ���r�.��%�&/��(�

�����(����������������������t� ��%

:�!���#�������� ������ ���������!���� ���� �*��#��� ��������������� �������()�� �

.���%

H �� �����!�$�.����

H��"�$����.���� �� ���!�(��! #�������� ��� ��������#����C���� ��������#�

������ ���������(�9��������T

���� ��������7 �. ��q������*�A#��A>

���� �����������C��. ��q������*�A#��A>

U�����#�.�)�� ���$����������F(���(. (%�:�/����������!��!�� �����;���.��)�#�.�.�

����������� �� %

&!���!������ ����������T

���

�� �������� ������������C ���, � �*�� ���;A���C ����� � �Af�A���A<>

z������!��������� ���� �����#��!�� �� ���� ��������(��(����!.(T����������������*((%

'��!���!#�����,#��������!������/�����#��)���!�� ���T��������������������*�(� ��(%�z����

�.�������,��!����;���������� ��(.��� �����!(, ��������������������*�(�� �C(%�0)���!���

���������� ���� �����T��������������������*�((%

P,������������� ���������+

&� ��)����#����������"������(����!���������������������#���*��%�=��,!����,�������

.!��� ��%�U�. �.���!9��!��F�!���%

H �� ��������)������� �������#�,���*�������(2�����������%�'��!���!#����������

F�!�������������������� ���������� ������������ ���.����#�����(������ ���� (���.�. 2��

�!������� �.���%

Page 201: Язык javascript ч 2 1

���������[���

H �� �������� ���������"��������r�.��#���(��������!�� �� ������!.(%

Q���������������*(� � $����(�!�����������(���%�'�.�.�)�#� �G2��.�#����� ����� �� �����#�����

���������������,���!. +

0)����!� ��������� ������!��(�T���������e�������;(�����(f����<#����������!� ��������

.!��2�!�(��!����!�F��������. ���������(��������� ������ �� ����������3���%

H �� ����������3������ �������� ���������"��.�� � ������!.�%

'��!���!T

���

"� )���.��� �)����

"! �

"% )������

"' �� ������*�� �������� �����������"�>

"# ��

" ���������������3���*(�����������i������ ��D��

"9 �������C ����� � $����� �>��

"& ���������$��""��>��

": �������������$������>��

�" ������ �� �� D�j

�� ��(>

�! �

�% ������;�������������3���<>

�' )�������

S!�(��!�!����!������!.(����������3�������!���������� ���������(�� �� �%�'�����.�.���,!������� �

�������������(9��� (�9���� �� #�������(.������� �� ��������;���F���� ��!�(��! ��,��!��

�!�,�!�!(��%

&!��(���� .�����������3���� ����(9��� (�9���� �� ����������!������� �����%

&/��(#��� ��)����#� �����)�����.�$�.��#��!�� �� ��������.�.!������

��� �� ������T�������� � #����������������%�#������������3���������(����������.!�. �

������#�.,���/���� �����������%

���$�����������!������������

Q�����(����!�������� ������������#����!�F�����.�!����()��(������!����!�/������#����(�����%�%

H �� ��������� �����������/�(���$!��"��#����F���(#�.�!������(�������!��(�����

� �� �<��!��(���(�����(T

���

� )����������*(� � $��(�

! ���WQ\N^p�JFT\J

Page 202: Язык javascript ч 2 1

% ��)������

' ��������;� �������� ���������� � <>������

# ��)�������

)������

-���)��������(�������*��#�������.,������������� ���� �� �>����� ���������� �D#�

��������3��������4���/��%

&���.���(���������3 �� �/����!���!�#��(������(���� T

���

� )������

! ��� ���=�����$��"���B

% )�������

' )�����

# ��)������

��������;� �������� �������������3 �<>����E�ZSGKOHN\JEF�ZWQcaFWSE�NHIFRS�NF�E^EF_FJ

9 ��)�������

& )������

�e� ��������������!�� ����� �� ���!��������#����������!�����#��� ����!�����������T

���

� )�����

! ��)������

% ����� �������� ��������������*�A!"��A>

' ��������;� �������� �������������3 �<>����!"��2

# ��)�������

)������

1�!������ ������������#�.�.��!�(��!�3!����. �4�� �� �����������#��!����� � ����

����������������3 �%�U�)��������!�� ���������� ��#����C �������%�%

H �� � �������)���������.�������� �������#�.�.��,���������#���.�.��,� ��!�����!�(��!%

:��!���!����)�#�� � ��(�����.����� � �����;���<� �t��XuAqT

���

� )����������*(� � $����(�

! ��)������

% ��������;� �������� ���������� � <>������;�9"f��&9f�!"'<

' ��)�������

# )������

:����(�9� ��������� ��� ������������������(������ �� �%

�[

Page 203: Язык javascript ч 2 1

:��������.(����#�!���)���� �����!��(�B�A���?<]�AhCX�<aAi<�AB`aXa�B��A`<CAB��X%k�i?������� ���

���.(�)e������������������#������(������������%

:��!���!����)��.��.����������!����9��5678<*��%�:�!�F�����.��.���)������� �����#

����!�� ����������� ������ ��.(������!����9����.�����������#�����

��, �)���������)��%

"� )20/,3145�6378�

"! )����

"% )� ��

"' )��� �������*(����&(�

"# )������

" ������� ��=

"9 ������ ��� ��������$�&��>

"& ��������C���� ��������$�&��>

": ����� ��������$�&��>

�" ����� ��$�!��� ������>

�� �����������$��� �C>

�! ���������$�%"��>

�% ��������������$�%"��>

�' ���������$��""��>

�# ������������ ��� �$�� ��>

� �������������$������>

�9 ����� � $���>

�& ����� ��������$�� ��>

�: ��B

!" )�������

!� )�� ��

!! )�����

!% �

!' ) ������*(���� �(����*(�(�yQ`MH�MFNY)� �

!# �

! )������

!9 )�����

6���$�*�����������������

Page 204: Язык javascript ч 2 1

&! �!��������T� �������#������������.�)���� �� %�:��G��������/$$�.���,�

�� ����������+

V�F����

-����� �� �!�����%

�� 0)������� ����� �� ���������������3�������!�� ��������� ���.�� ��

���%�&!��/��� ����!�� ������!������ �� ��������������(�(��(�����%

�� 0)��������������� �� ��������������������!(,��%�=�������������#��%.%�

���������.�� ���!�� ������� �� �%

0�� ���!��� �! ��(��� �!�F����T�B�A���?<]�AhCX�<aAi<�AB`aXa�B��A`<CA?B��A`%k�i?%

1��������*��2� �� T

"� ����� ��=

"! ���� ��� ��������$�&��>

"% ������C���� ��������$�&��>

"' ��� ��������$�&��>

"# ��������$�!��� ������>

" ������� �$��� �C>

"9 ������$�%"��>

"& �����������$�%"��>

": ��B���$��""��>

�" ������������ ����$�� ��>

�� ������� ����$������>

�! �������$���>

�% �������B����$�� ��>

�' B

F��������� ����

N�� �����.!(,������(,�%�H �� ��!�� �� ������ � �!����������t��XuAq�

� �����#�*k�AiX<��u��������C���������������!����*��[2� �� �������#�.���,�

����!)� ����>��X��D%

����� �

Page 205: Язык javascript ч 2 1

&�(������#�(�e�/��� �� �����������������������$�������%

��������������

������ � ���� ���(�����������.��� �!��.����"���!�! �������(����

(���� .������������� ���������#�!� ��� ����%�U�. ������"���!�! �����

��.����!������#������������������ ���!.�%

����� ����

W���!�!(�����.���,!�������%

�����������B����

N�������.���.!��������)�!���%

Y(�F������!�� �� ����� �� �� �����������#�����$!�������)�� ������� �*��%

:���������!���!���,��!���!�#�.�.��!� �#�������������F����� �������

(��!����.���#������������!�� ������()�� �*��%

{1�.!���������(� �� ��.��|

S����������$!��"���������#� .����9����!(,��#�!�)�������(�����������!����������#�

���(���������T�*����@?X�X�?�����A`%

���Z�������d��������������d����

E��.#�� �� ���������������(����.�.�� ���$!��"��#�.�!����!������� �����������%

1������.�)�������,������(��#��������� ���� �!��(��������)�����*������ ��!���������� �

�!�(��!�T

Page 206: Язык javascript ч 2 1

e������������#����!���!#�������������"������� ��( ���� ��������3 ������.(9�,���������+�

P�.������������/�+�:���������������������/����.(9�������������(����%

N���,#�������(�������.(9��������(�������������>BCXa���?BXD�� �� �#������(�����

��������� ����, ������?����#�������� � �������!�����7�8X�X?�s%

-,������.������. T

��, ������?����;�������f������ <

BABIB?<

=�����#�������������.�!,��()���(����

;=B@DC

�.��� �����#������()����������� �2/������#����!���!�($$��� �(%�&(�������!.��������������

/�����%

&���!)� ������ ������!�(��!���#�.!���IJm�%�H��(�9� �.���(����!������� � ������2IJ��!�(��!�����

�IJ�lT

���

"� )������

"! ��� ���=�����$��"���B

"% )�������

"' )�����

"# �

" ��)������

"9 ���� ��� ������?�����*���, ������?����;� �������� ��f�AA<>

"& ��������;� ������?���������3 �<>�����E^EF_FJ�SJ\Jcb�E�bHT\FGYh

": ��������;� ������?������ � <>�����E^EF_FJ�XEFJ

�" ��)�������

�� �

�! )������

:���������>�Ai�B�XaD���.���������>�XCA?�XaD���������

:�*��������� ��.�"��"��T

�� :���������>�Ai�B�XaD����������;�/���#�.�!���(���������!���������

�����!� ��*�����*��2����� ����%�'��!���!#������$���� ���� �������$�

�!#�%

�� 1.���������>�XCA?�XaD����������;�����!���� �����!���������.�/�����(%�&!��/���

���!����!���!� ������.���.����#����!���!�����$�!�!������� �������$�� ��%

P,��2����, ������?��������(�� ������� � !���� �������,���������#�����

!�������.�����#����.���������,!����(�����%�&/��(��� ���� �"��� �����������

� !�9��������������.��#�.!�����.�!�������F���,�. � ��!�(��!��#�.�!���

��������� ���9�����%

Page 207: Язык javascript ч 2 1

��, ������?������!��(�������� �� f

N���!� ���,��(����������������()��(.������������ �� %�

'��!���!T������8���#�����3 �#�� ��8��������%

&!���!�9�����.��.!�9����(T�������#�����#�� ���;��!� ���� �!��(��������

,�!����!(����%

N� �� �����#���(������ �� ��������8����������3 �� ��������!������.��� �*��%�

S!�(��!�����������r����������� ����� �� �������%�E�,��#� ��!��� F����(����#�

.,���� �� ��������!��(�"��.�#���, ������?�����!�����������.!�9G��,�� �� �#�

����� � �����!�(��!��%

'��!���!#���.�!����!�(��!��>*k�AiXD� � ��(���"��� ��.(��������)�#�����.�!���>t��XuAqD�

;����T

���

� )������

! ��� ���=

% ��������$��"��>

' ��B

# )�������

)������

9 �� ��������*���, ������?����;� �������� ��f�AA<>

& ������;������������<>����E�t��� ��bc\JQY�\JWSTQ

:)�������

H�������9���������.�;��� ��f

�����9���������.��)���������!(, �" ��#�$�#�����(�������%�=���)������ ���� �*��

����9������ �.�����$�������%

'���, ������?����������������(��.�/� ���$!��"��#�������!�� �������!���"�����

�,���!������#����9������� ������(������(�����.(%

P!����,#���F���� ��!�(��! ����!�9�����!��������.�$��������*��2����#�.�!���

�,(�����������,����!���/������#��������)��.������(�������������/�������%�:�

"��������������%

Page 208: Язык javascript ч 2 1

�������d�����XYR\

:�IJ����� �!���������� ��� �� ��B��X`���@?X#�����������)������%

��F.�� ���#���������?����� � !�9���� ���������>�Ai�B�XaD���������%�:����������"�������!����#�

�.�!����������� �*��#������ ���.����%

N� � �������!��T

���

"� )������

"! ��� ���=�����$��"��B

"% )�������

"' )�����

"# ��)������

" ���� �������*�� �������� ��>

"9 �

"& �������;���� ����, ������?����<�=

": ������ ��� ������?�����*���, ������?����;����f�����<>

�" ����B������=

�� ������� ������?�����*�����������?����>

�! ����B

�% �

�' ���� ������3 ��*�� ������?���������3 �>

�# ��������;����3 �<>

� ��)�������

�9 )������

0)�����������.!��2�!�(��!�� �.����.!��T

��� ������?�����*����� ����, ������?���������, ������?����;����f�AA<$�����������?����>

'�.�!������������/�,������T

�� V����!����, ������?����� ������ ���.����%

s% :���.�!����!�(��!���>t��XuAq#�*k�AiXD���.�����,(��������!�����%

�� :�IJ�� �� ������?�������!�����������"������!����� �!����!��#�/���������������

���, ������?����%�&!����(9� ��!���!� �������!"����%�-����"������!�������.)��

��!�����������!����� �� � ���u����>/����,D%

IJm�T���!� ����f��f�� ���.���

=�������!���;���������� %�1������������������ ����%

:�IJ�����,#�������(���������!"��� �!��������������� ���.������(9��� (��������

3�B`��iX��@?Xl��qX?4#�������� �N����=� �!���%

Page 209: Язык javascript ч 2 1

1���� ������� �� ���������?������������8���#�!�����9�����.� �IJ%

:����(�9����!���!��$(�."�����@5, ������?����;����f�� �<��(�������������� �

��.��������� �� ��� �#������(������������?������������N����=� �!���%

-��� �������!���#�.�.���!������#����.���������� �� �������B`��iX��@?X����qX?8Xu�� �7������

!��.! ���.�%

{Q\TW^JK�TS_

V���� ��!���!�>��.�IJDT

"�)������������������=�����$���>�� ��$������ ��������C>�B�)�������

"! )�����*(���������(�dF\JSE^p�]GFMFNJ�\��������)����

"% �

"' )������

"# �� �������*�� ���������5������.�@�;A���������A<>

" �����;2�������, ������?����<����\JQW^F�@5

"9 ����� �����������;��@5, ������?����;����f�A����3 �A<<>

"& ������

": ����� �����������;AjWHMFW�WQZSJQFJ�JSGKTS�E�@5):A<>

�" )�������

U��� � �/��������i��j�`�cd

���� ��� �����������������

H !������������C�����2$!� � !.�������(���/����!�������/�(�"����, ������?����� �

���!���IJ%

:��9�

:�����72/��������!����� �������(�9���� �� �%

• H �� ������u���� ��,�������!����!(���������!��(��������%

• H �� �������2�/���r�.�#� �.�!��*��2� �� ����F(���� �U�.%�1���!F�!����������

�������� �� %�E��� ������������ �� �������������������!��(���3C�@?X4#���������������

�*��%

• ���3������ �����(����<������ ������� ����!�� �� ���������� ���.�� �� ���%�H�

��9��������� ������)������� ����2��� ����#����)�����������/�������3���%

• H �� ������?����>IJD����������, ������?�����>������!�D��� �����(�����)� ��

���������� �� ����� ������,#�.�.�/�������������!�������%

&!��/��������?����� � !�9����������������*��#���.���������� ������� #�

���, ������?�����;�����!���� �����!���������.�/�����(�>.�.��!� �D%

Page 210: Язык javascript ч 2 1

�M

'���F����$(�."����� �u �������� �; ��� ��<#�.�!����.��� ����( �������%

1��������$(�."��T

"� �++

"! �+�jSTQa^EQFJ�cEF_SMGFNHFf�bWSbQ_QzxFF�IFWFa���#�\FT

"% �+

"' �+������� ��� ���� ��=�����B�EFWJHTQGKN^p�SJ\Jcbf�E���

"# �+������� ��� �������=�����B�bWQE^p�SJ\Jcbf�E���

" �+������� ��� ������3����=����B�\JWSTQ�\JHGY

"9 �+������� ��� ��������u����=����B�,??�TGQ\\

"& �+������� ��� ��������=����B�6378�JFT\J�_GY�bSTQaQ

": �+�

�" ����������� �u �������� �; ��� ��<�=

�� �����EQO�TS_

�! B

N��T��B�A���?<]�AhCX�<aAi<`A��u�����A`2C�@?X<�`aXq%k�i?�>( ���������(�(����!� �D%

E����� �.��������#�.!������ �$(�."��T��B�A���?<]�AhCX�<aAi<`A��u�����A`2C�@?X2

C��<�`aXq%k�i?%

V�F����

V�F����T��B�A���?<]�AhCX�<aAi<`A��u�����A`2C�@?X<�`aXq%k�i?%

{1�.!���������(� �� ��.��|

Размеры и прокрутка элементов�� 6'���������"�����

�� *��2���!�.�� ���������������

�� &����!.!(�.�

�� ����������2���!�.�

�� ������������6����

�� �� ��������6����

�� �� ��3 ���� ��8���

�� �����������6����

)� ������3 ��8���

H� �����4����� �#����� �����8����3 �

�� E�,

:�/���!����������, !����!����!���/����� ���7#����������� ��������������!�.���;�!��������� �� ��#�.�!������!)���/�(���$!��"��%

Page 211: Язык javascript ч 2 1

7&�� ������$!����

1�!���"��.(�����T��B�A���?<]�AhCX�<aAi<iX����<iX����%k�i?%

&�!������#�.�.��!�)����������#����.������������%

:��!���!�������(��������� �����.���!��. �>]A�aX�D#������>��aa�`jD#����(�����>i��j�`D����!.!(�. T

"� )�����*(�������(�

"! �����dFT\J���

"% )����

"' )������

"# ���������=

" �������$�%""��>

"9 �������$�!""��>

"& �

": ��� ��$�!#���� �����t"5 &,>��+�WQMTQ�!#���+�

�" �

�� ��������$�!"��>���������������+�bSGY�!"���+�

�! ������$�!"��>����������������+�SJ\Jcb^�!"���+�

�% �

�' �� ���� �$���� >��������������+�bWSTWcJTQ�+�

�# B

� )�������

V��(����� �,�������.T

:���)�����.!�����,���/� ����.�%

N�� !�������B��������

*��2 ���(���F�!��(��������������)��(���� ��������9������������������ ���#�

�����(���, ������?����;<������?����T

Page 212: Язык javascript ч 2 1

������*����� ����, ������?���������, ������?����;����f�AA<�$�����������?����>

����;�����������<>����E^EF\JH�,??�OHWHNc

1��#��!��������!�������������*��2� �� ��� �������#���������.�!����!(� �(�!���� �������

/������#�.�!����)��� �(�!��������%�'��!��(�.�� �F����)�����������������������.���#���

�� �G�!� ����!��(�� ����������� ����� � ���(������%

&�!��������, ������?����������?�������()������� �,� ��H������.����#�jX�*Ai�B�Xa��@?X%

Q������#����/������!�.������������� �����������)�,��(������F�!������ ������!�� ��,�

/������f

'��!���!T

���

"� )�� ��jWHEFJ2)��� ��

"! )���iHW2)����

"% �

"' )������

"# �� �������*�� �������� �����������"�>

" �� ������*�� �������� �������������>

"9 �

"& ������;���, ������?����;����f�((<�������<>��������

": ������;���, ������?����;���f�((<�������<>���������

�" )�������

N.(����� �F�� � ���������$���� ��������%�H��� ���!��#�/���!� ���#�

���������������������$�������#��,�!����!�!������� �����������!)���(%�H��!(, ���!��#�/�� �G�

;���.����*��#������2���()���.�.!���� �!����!� ���.����#�.�!� ��(���� �!��(������ ����/����

������� %�� �#�.�.�!����,��������(���%

�������%����$���

&����!.!(�.��;��!��������,����!���������������� %�&/��(�����(����!����!�����G� ������

������!�.�������� ������������!���%

&!��������� �!��.��� ������!.!(�.��;��������!���������������F�!����/������%

p�!���������!.!(�.����������� ����� ��#��&��#� ��� �����������!�(��!������!�"��� �

�������%�S� ������"�����(�!�!��� ��!.!(�.�#�����r����9� ������>*k�AiX����7����#�IJcc����

\�`aAhCD%�:��!���!����!��(�� �����#�����!.!(�.����������#��/��(� �(�!�������������(����()��

���%""��#���!&'��%

'����!������#�������!��(�.�������!.!(�.����������� ��(���� ��!� �����;��������������

������(�������#���(� �(�!���� �F�!���%

k'��!��/�����.�!����!�(��!���!�)����/��(����F�����F�!���� �

!��(�������, ������?����;���<������#�����.�!���;����T

Page 213: Язык javascript ч 2 1

'��!��(�.����)�� �*���(.����������$%""��%�e� ����, ������?����� � !�9����%""���!&'��#� �

�� �����������!�(��!�T

:���)����( �����������������, ������?����;���<������#���)� ����.��.(� ��$!� ��T

1�.!���� �� ��.��

-9��!����������#����!����������.����������.��������� �� ���, ������?����;���<����������

����������#�*����(������!�����%�1��!�)������(��������. ��%�p�!������.�����!����������!.!(�.��

(����F��������!&'��%

Q�����������#�����(���������������������������!����(��F�!��(� �(�!���� �������>!&'��D#������

!��(������������*��2� �� �������#�.�!� ��)��������!�����%

��������� !������

:�������������(9��� (���!��������������� �� #����!)�9���!����!��/����� %�0���(����

���� �������3���!�.���4%

0��!�.������������#� ���������� �� �*��#����!)�������#� ��,��� ���.����������������"�����!�����

���.�"�%

������k����]����

V����!�.�����. ����#��������T� �(�!����������������������%

Page 214: Язык javascript ч 2 1

1�9���F�!���� �(�!��!��.��;�/�!&'�;�����<�-�!";�����������<�-�!"�;����������<�*�%!'%

&(����T

������������*�!&';�����<�-�!+!";������<�*�%!'

������6�����*�!"";�����<�-�!+!";������<�*�!'"

1�!������ �������#� �������6����� ������� �!���������)������#������!������#������)�������

���������.���%

-�������������#���������������6������.�)���!����� �!����!�������������#� �(�!��!��.���

�����!.!(�.�%

������k����]����

p�!������ �����.���������(������!.!(�� ��� ������%

• �� ��6�����*�9!%�;������ ����#� .������!.!(����(�������

• �� ��������*�%!'�;������F�!���#� .������!.!(����(�������

�� ��������6�������)������#������������������6����#��� .������ �������!.!(�� ���(��

�����%

Page 215: Язык javascript ч 2 1

=���� �� ���)������� ���#������3!������(��4�/��������� ���F�!��(< ���(T

��������������������*����������� ��6�����-�A��A>

'�)��������.��.(#������!������(���/�����T

��������������������������������������������������������������������������������

��������������������������������������������������������������������������������

��������������������������������������������������������������������������������

��������������������������������������������������������������������������������

��������������������������������������������������������������������������������

��������������������������������������������������������������������������������

��������������������������������������������

������[���������H���

V����!����.(9� ��!.!(���� �������/�������;� �!��.��� ���,!������� %

H��(�9������!�)���������!�!(����� ��6��������� ��3 ������.���� �!��.��� ��!.!(�. %

Page 216: Язык javascript ч 2 1

�� ��8������ ��3 ���)����������

:�����������F���� ��� �� #�.�!������(������.����������#�

����������� ��8������ ��3 ���)����������#����!�(��!� �������!.!(�.(�/������%

&!��.�.��������(�9� �/�������(���� ���������.��������� ��3 ��-*��"%�&/��(���

�(�����!.!(�� ����������"��� ���T

P�.��

0���

c

s

[

g

M

K

L

O

�M

H �� �������� ��3 �����!)���!����!��!.!(���� ��������!���������� �!�(%�e�.�.�

�����������,�����(+

Page 217: Язык javascript ч 2 1

'���F������ ���� (�9��� �!�)���������!�� ��,�/�����������%

&! �!���T������!.!(�.���������/��������������!.!(����;����)���� ������%

V�F����

V�F����T�������� ��6�������������� ��3 ���������������6����%

{1�.!���������(� �� ��.��|

������k����]����

:��F����F�!���< ������.�#���� �!����!#� .�����!��.�#���.����� ��F�������(������%

• �����������*�%:"�;� ��F����F�!�����.�

• �����6�����*�!:"�;� ��F���� ������.�

=���� �� ���.��� ���� ��F����F�!��(��� ���(��.�#���.�.��.� �,��������!()�%

������[���H���

1���(��.�����. ��������� ��F��,�(,���.�%

N!(,����� ���#�/��F�!���� �!��� <� �!��.�>]A�aX�D� ���.����%

• ������8����*�!#�;�F�!����� �!��.�

• ������3 ��*�!#�;�F�!���� �!��� �!��.�

Page 218: Язык javascript ч 2 1

P��������#��������9��.�.��2��� �� �#�����F�!��(�!��.���)���(��������!��(�����*��+�1����

����� �� ����������()��%

'������� �����(�"��#�.,���/���� �� ���� ���������T

�� :��(���#�.,����.(�����!����,��������!� ����� �>�!���.� ����.#�� !��D#�

� �� ������8���� .������ �������9����F�!��(��!� ������!.!(�.�%

�� :�IJmO��.(����#���������;�/������� �������� ������5�����������,����9������������

�!���,�� ,�(,���.(�����%�'����!������#����!��.���������#��� �,��(9��� (������!�������

�� �������� ���������8����������3 ��>�����/��s���.���D%

������l ����.�������H����[��

E����(�����!��.�

H��(�"��#�.,���/���� �� ���()��#��)����!�������������"��%�1��� ���.����

�� �� ������!��.%�P�.��!� �#�/���� �� �������(��������������������%�:��)�#�

(�F�������)�������������

�����4�����;�/��!������.� �/������ ���������!�)����������!���"�%

'��!���!#�����/���������"���! ���������#�����.���!������� �����4������ ������

��)� F� ����"���! ���� �/������>�%�%�� �� �� ���� �����!� ��������D#����./01#�������. �

��(��� (��%

H �� �� �����8����3 ������������9�������������� �����4����%

)��������*(� ���� �$��������(�

��)��������*(� ���� �$���� ����>�����$��&"��>�� �$��&"��(����)����

)����

Page 219: Язык javascript ч 2 1

0��!�.������� �������/����� �!� ����(�%

P!���������!����!�� ������������(����� � ��������.���� �������/����� %

1���!� ���"����/����� ����������$� ���������#�.�!��� �����7%�

P�����# �����4����������.���/����� ��)������%

=���������������������� ����������! �!.�#� �������/�����T

�����������6�����;����<

���������2����� �����������LL�2����� �����6����>

B

• V������#���)������!������/�������(���� ���� �� ��������$� ��%

• V���������� ����/����� #�.!���3q#���.�!��� ���.������.�!����!�����

!�������!�(��!��%�1����#��! �!���������3q#��/��(� �G�.� �%

• H�������/������ ������#���)���������"���! �������!�������/.!�������

������� �� �����������$������%

• 3H���(�� 4�/�����#����!���!��(�� ��������� �������F�!���#��(��������������

�� ������%

Page 220: Язык javascript ч 2 1

:��9�

��/����� ���������(�9������!�.�T

• ������������������6�����;�F�!���< ����� ���� ������#� .�������#����������

�!.!(�.�%

• ������8����������3 ��;�F�!����� < �!��� �!��.����#������#��� �,�.�����. ������#�

��������� �!���,�� ,�(,���.�%

E����(����#��!���(9��� ���#� �IJmO���� ����������� �,��� �������� ��%

• �� ���������� ��6�����;�F�!���< ������!.!(�� ��� ������%�:.������ �������������

��� .�����������!.!(�.�%

• �� ��8������ ��3 ��;�F�!���< ������!.!(���� ��������.(�����#������������� �!���,�

� ,�(,�%

• ����������� �����6�����;�3 ��F���4�F�!���< ������.�#��������������(� %

• �����4�����;���)� F������ .������"�#�]Aa@������������.,����"���! ��������

��)� F� ����"���! ���� �/����������!(,������ ����"���! ����%

• �����8���� �����3 ��;����"��� ���.������ ,� �!���,�(,���.�#����������

�, �����4����%

:���� �� �#�.!����� ��8������ ��3 �����(������.����������%�E���������/����� �� �

����� �����!�(��!��!.!(�� ����/�����%

P!��.��������T

&!.!(�.(�/��������)���!���������������������!���� �� ���� ��8����3 �%

Page 221: Язык javascript ч 2 1

:�/� �,� �����������#������!���"����������� �!�)������ ���� ���������!���%�:�!�)����

� ����������;� �G���.�)�#�����.�!������!����!�(��!��

�!��(���� �������� ��� ����� ������5������%

�[

'���F����.�#�.�!� � � !�9����F�!��(�������!�� ������!.!(�.�%�E�������� �

���#�,�����(�.%�1��������!� ��� ��#� �!��.��������������!�(��!����)���

.�����������'������&��#���.�2,�����)��!� ���"��%

}%�%�:�F�.���)���!��������������56782�.(�����#����� ��������,����!)��,%

V�F����

H�������/���������!.!(�. #�������������%�U,���!����"����)�(��,��� �

F�!�� � ������������� �(�!���� ��������������(����!� ���.�.�!����!.!(�.�T

���

"� ���\Sa_Q_HM�]GFMFNJ�\�bWSTWcJTSp

"! ������*�� ������������5������;A���A<>

"% �������

"' ���������� ���� �1�*�A�� ��A>

"# ����������������*��A#"��A>

" ����������������*�A#"��A>

"9 �

"& ���bWH��������$� ���WQaMFW^�NFGKaY�caNQJK

": ���Nc`NSf�IJSZ^�]GFMFNJ�Z^G�EH_HMf

�" �������������$���������MS`NSf�J�T��\ShWQNYFJ�RFSMFJWHz

�� ���������������������*�A������A>

�! �

�% � �������� ���������,����;���<>

�' ���� ��������*����� ����������������������������>

�# � �������� ����� ��,����;���<>

� �

�9 ����;��� ��������<>

{1�.!���������(� �� ��.��|

�[

Page 222: Язык javascript ч 2 1

&���!������(�9� ��(�� ����)����%�S����.��#�.�!� #� ���������#����!)��������

��������

,!���"���T�

&!,!�������:��!����� �F� �.�������������.�#�.�!� ����"���!(����,����������

���9���� ��!� � � �!��� �(,%�:��/���.�T

������*�� ���������5������.�@�;A� �������A<>

����������� ���� ��*�A��� ����A>

��������������*������������ ��*�">

&������!��(������� �������9�������.���#�.�!� �!���F��F������0@v%�U���!����

�������

�!�T�

N��F����.��:��!�#����� ���.#��������.������ �������� ��������������,#�

.�.�0@v��(�������9��%

H��� ���/���(������������ ���,�����,�0@v��������)��!����!����

>�����#�����#�� ��#�����#�������D#������(�)��,�0@v%�E����( �����.�����������#�

����*��%

N)���������.�>� �(��.(�������$� � �" ������������!�"��DT

E����� ��.(����T��B�A���?<]�AhCX�<aAi<�X�?��X���<s%k�i?%

V�F����

'����()�����������������.����)��!����!������ ��� �����,���������3��!���)��9�,4%

Page 223: Язык javascript ч 2 1

1������� �!���� �;�/���!���.��! ����/�����%

-���������/���!����9�������� ��u ��;���<#����.��!(����� ������!)���#�.�!,�

�)����������,%�1���������/������()�#��/��(��)��

����� ���������� ��u ��;�����<����.��! �����/���������������#�������

��!� �����,������������%

0)�����!����������� � ����������� ������(��()����!����!�%

:�G#�.!�������#��)���(��������� �� ���72/������#��������;���.�

��!�����, ������?����%

&!��G��������������������� ���#���.�.�.�������/����������(������ ��(���� ��F���%

P�T

"� ������*�� ���������5������.�@�;A� �������A<>

"! �

"% �������6 ����*�� ������������5������;A���A<>

"' �����6 ����������������*����� �����6�����-�A��A>

"# ���MS`NS�H������f�NS�E�]JSM�bWHMFWF�]JS�NF�SZYaQJFGKNS

" �

"9 ���@5�ss�_WcRSp�ZWQcaFW

"& ��� ������?�����*����������?�����ss����, ������?����;���fAA<>

": �

�"�����6 ��������������3 ��*�� ������?���������3 �>�����������;�<

�� �����6 ��������������. �� ��*�� ������?���������. �� �>

:���!.��;�<������ �������,���� ������ �� ��(����3 �(�,�!����!(��#����

�(����������������(����.!!�.����%

P����� �!��(�����>���!��?,q@43DT

���

"� )20/,3145�6378�

"! )����

"% )� ��

"' )������

"# ���� ��������=

" ����� ��$�#��� ������>

"9 ����������$�#��>

"& ��������$��"��>

": �������C ����� � $����� �>

Page 224: Язык javascript ч 2 1

�" ��B

�� )�������

�! )�� ��

�% )�����

�' �

�# .�� ��.�� ��.�� �

� �

�9 )�����*(� �������(�

�& 3����3����3���)���

�: 3����3����3���)���

!" )����

!� �

!! e����e����e���

!% �

!' )������

!# ������*�� ���������5������.�@�;A� �������A<

! �

!9 �������6 ����*�� ������������5������;A���A<

!& �����6 ����������������*����� �����6�����-�A��A

!: �

%" ��� ������?�����*����������?�����ss���, ������?����;���f����<

%� �

%!�����6 ��������������3 ��*�� ������?���������3 ����������� ������

%% �����6 ��������������. �� ��*�� ������?���������. �� �

%' �

%# ��������������� ���� ���� ���

% �����6 �������������C ���, � �*�A�,",","A

%9 �

%& � �������� ��������.�� �;�����6 ���f����<

%: �

'" ����������� ���� ��*�A��� ����A

'� ��������������*������������ ��*�"

'! �

'% )�������

'' �

'# �

' )������

'9 )�����

{1�.!���������(� �� ��.��|

�M

Page 225: Язык javascript ч 2 1

&������������ �"���!���%

E����� ��.(����� �,�������.T

1�.!���� �

� ��.���1�.!���� �������"�

E����( �������������#������������������� �"���!T

• 0������*��������#������)�����!������� �"���!� �F��.!���#���!���(���� .(�

�()�������� �/������%

• P������)���������!� �����.�.�.!����(�!����!(�����%

• 1�!������ �������T������)����������!,���"���!(f�'��� �������

�����)����������F�!�����,�!��.�%

E����� ��.(����T��B�A���?<]�AhCX�<aAi<]�??2CAB��X<�`aXq%k�i?%

V�F����

&!�������������"���! ���������� �(�!������,�.!������������� ������� ������

�� �(�!����,�(,����#����!���!� �!���,2� ,T

0��!�.����� �(�!���� ��������;�/��������������6����%

Page 226: Язык javascript ч 2 1

W���!�2�/��;������������!f�������6�����!<%

'��������(���� ������(���.����������������������������� �#��� �"���!���(�����������

���#����,�� � � �!��� �(,T

� �������*�� ���������5������.�@�;A����A<>

! ��������*�� ���������5������.�@�;A�����A<>

% �

' ����������������*�7���� ���;��������������������!<-A��A>

# ������������ ��*�7���� ���;������������6�������!<-A��A>

'�)����#����������!������.(9� �!��(����

N���,#������"���!�������������� �"���!����#������()������������������� ��(��,�

F�!���� � ������� ��(��,� ����� �!�%

� �������*�� ���������5������.�@�;A����A<>

! ��������*�� ���������5������.�@�;A�����A<>

% �

'����������������*�7���� ���;������������������!�������� �����������!<-A��A>

#������������ ��*�7���� ���;������������6�����!�������� �����6�����!<-A��A>

:�������#��� ��� �.�����f

P�� �F����������!�����������(���#����(����@7o����������F�!���< ����T

)������*(�������(���*(����(�

:�������F�!�������!�)��������� �������!�(��!(��������!#��.���������,!(�����#�����

!����!����(.������ �%

&�����! ���,!(�.�����!�)�����()���(���� �.�F���!�(��!�#����,�!����!���(�(���� �����%�

'�.,����!�(��!� ��! ��� ������.(�����;�������,�����������.�!���.�#��/��(�

�������������� �����������!� ��"%�:��������.!��������� ��)�%

z����/�����!� ���#���� ���������������.�.�!���.�T

)������*(�������(�B���� �K��Lm�L� ��������� �K��Lm�L���*(����(�

U���!���!�(��!� ��,���������F�!��(��� ���(#���.���� ���!������%�U��)��/$$�.��������

(.�������!����! � �*��%

Page 227: Язык javascript ч 2 1

'�)����#������( ������.����� �!��(����

&�� �.��!�F����T��B�A���?<]�AhCX�<aAi<]�??<�`aXq%k�i?

{1�.!���������(� �� ��.��|

�[

:�./01������/������0@v��������� �F�!�� ������%

Q������;����������.�#�.�!� �3!��������4�0@v���F�!������� �����!���"(%

E����� ��.(�����>0@v�;�

.!���� DT�

P���.(�����T��B�A���?<]�AhCX�<aAi<iX����<]Aa@h�a�k2C��<�`aXq%k�i?%

V��F�!�����()��������F�!���#������.!���� �0@v���� �������,!���"��./01%

}%�%�&�� ���������(�����.���������!���� ������#��!��/��������,��� ��� �����%�U�

����#�.���)��������(�� �!����������������#�����"�$!�� �*�������(���!(,���%

}%}%�%�&����,#�.�.�!�F�����S(������ �F��!�F�����!������#�����(�

.!���,0@v������� ���� �$��� ����+�-������#�������(���.�.��,���!� ���+

V�F����

:������!�����!����� �!�� � �!����%

1�� �,�������.T

�����������������*�A�""�A>

-��� ���,���!�(���#���( �����#����/��������������� ����������!��.��!�����%

Page 228: Язык javascript ч 2 1

U�.��!����������(#����F�!����;�/���#���� �(�!��������%�U�����#���� ��F�!��(� ��""�#�

��, !���T�3 �(�!�������������)�������������""�����(�� �F�!���4%�e�

�������������G����"�%�:�!��(��������� ���������!()(%

&!� �����!�F�������!��������������%

N��(��(�� �(�!������F�!��(�!�������)���(����#� ���������������������������#���

�!�� ����/�����(T

� ��� ��,�����������*�� �������� ��������������>

! �

% ��������*����� ����, ������?���������, ������?����;����f�AA<�$����������?����>

' �

# ��� ��@���������*�� ��,�����������������@��;������������8���<������@��;������������q���<>

9 �����������������*�� ��@���������-�A��A>

=��� �!������������#����� �IJm������������������(.�������� ���.����%�&(������

��.��� �����!"��� ����!(,��������"�����!�����!�����!��� �,� �H������.����#�

jX�*Ai�B�Xa��@?X%

&!� ���� � �!�������*��%

H����(�F���!�F������(�����#����� �������#����/������������!���!�����(������� �� �

���(�� �F�!���#���������/����(������%

N������� �!�(�����(�������!��� ��,!���� ��������F�!���#�(���� � �����$���� T

�����������������*�A��� A>

'%%�=������(����!����������/����� #�.�!������������������!����,� �����#����!���!� �

�(����� ���� �$���� ���������� ��%

U�. �/�������)��!��F�!���#������(���!����(9���!�F����%

N.(������������!�F������T��B�A���?<]�AhCX�<aAi<iX����<]Aa@h�a�k<�`aXq%k�i?%

{1�.!���������(� �� ��.��|

�M

:��G����������)�(���, ������?����;����f�((<������������������������+

&!� ���������.�.#�������F��;�����(�F�%

Page 229: Язык javascript ч 2 1

V�F����

1�����T

�� ��, ������?��������!������� �IJm�%

�� �������������� ���� (��� �(�!���� � ���� �������/������#� .����������%

%%e�� �� ������#��!��������!�������������]Aq2C���`j#��� ���� (���

��� �(�!��������%

�� -�������������!.!(�.�#�����.�!����!�(��!�� .�������G�F�!��(� �����#���

��.�!���;����%

H �� ������������#����!(, ���!��#��������.!��2�!�(��!�%�1�� ��,���

���������!����!���� �������!.!(�.�#��%�%�!��������(��� �������!)��,%

{1�.!���������(� �� ��.��|

Размеры и прокрутка для страницы�� ?���A�$����������#�������

�� p�!���< ����� �� ���!���"�#���(�G����!.!(�.�

�� &!.!(�.����!���"�

�� &(��������.(9� ��!.!(�.�

�� H�(�G���IJL2���vB��^C�7AaX

�� E����������!.!(�.�T� ������ ��3 � �#������� ��.�� �#������� ��@�� v���

�� Q��!����!.!(�.�

)� E�,

0�,������!�.�������!���"��!�������� ���������.#�.�.����/����� %�&/��(�!�����!���!�F�������������������������!���"�������%

?�����0�(���������!�5�����������

H �� ��������������6��������/�������� �������� ������5��������� �����(�����F�!��(< ���(� ���� �������.��%

'��!���!#�.��.����)�� � �����!����!���. ����������/� ���!���"�T

=��������;�.!��2�!�(��!�� %

?�����0�(��������5��������(.���$�E��!�%����$���

-����!.!(�.�������!���"���!��(��� (��#��������!����!����!���"���)�� ����� � �������� ������5��������� ���������� ��6����%

&!�������/������ �� ���� ���.���#�.,����!.!(�.��������#������%�:�/����(�������!���������.!!�.��%

:��!�(��!���*k�AiX<��u��������X����!����(��� ����!.!(�.����������� �������� ������5��������� ��6����� �/����(�����)����������)������F�#����� �������� ������5�������������6�����>������fD%�=����!�����;�������

��� �������� ������5������#����������� �� ���!���"�%�H���������/��������������� �G� ��!��.�%

Page 230: Язык javascript ч 2 1

'��G)���!�������!����!���(������!.!(�.���)�#� �� ���.���(������ (��� �� T

���

� ���� ��6�����*�� �������� ������5��������� ��6����>

! ��������6�����*�� �������� ������5�������������6����>

% �

' �� ��6�����*�7�������;�� ��6����f�������6����<>

# �

����;A[^\SJQ�\�cIFJSM�bWSTWcJTH$�A�-��� ��6����<>

&!.!(�.����!���"�

���$���������$C�5�%����$���

Q����������.(9� ��!.!(�.����!���"���!������� �� �� ������ ������/���������1/�����%

'�/���� �� �T

• '������!)� ������IJm�

• E���)����.�������#���������������%

&/��(����.!��2�!�(��!�����!�����!����!(, ������;�

� �� � �������� ������5��������� ��8����3 �%

• � �������� ������5����������!)�������������!.!(�.�#�����������!� ���� ���*6�}J%�=��

!������� � �����!�(��!��#�.!�����u���<*k�AiX%

• ��u���<*k�AiX������(��� �����/�,�� �������� ���>/����,� �\X]^��D%

• :�!�)����� ����������>������.!!�.��� ���*6�}JD���.�!����!�(��!����.)��

�����(��� �������� ��%

U�.����!���#����IJOl����!(,����!�(��! #�!�����9��� �!�)������ ���� ���������!���#��(�����

����������!.!(�.���)����.T

���

� ���� ��3 ��*����� �����1/������ss�� �������� ������5��������� ��3 �>

! �

% ����;(dFTcxQY�bWSTWcJTQ$�(�-��� ��3 �<>

H�(�G���IJL2���vB��^C�7AaX

-�������������()�������!).��IJmO#��������)������� �)������.���%�N.(������)��������

���9������������������ ����"���>n#nD%�=�����9������!�������

� �������� ������5�������������8����������3 �#�������)��� ��������,%

-��������������� ���� ��)�����!������!�(��!�� �vB��^C�7AaX#������G)�� �������(����

��.��T

���

� �������*�� �������� ������5������>

! ��� ���*�� �������� ��>

% �

' ���� ��3 ��*�������� ��3 ��ss�� ���LL�� ����� ��3 ��ss�">

# �� ��3 ���*������������3 �>

Page 231: Язык javascript ч 2 1

����;(dFTcxQY�bWSTWcJTQ$�(�-��� ��3 �<>

E�,#��)���������.!��2�!�(��!�(��$(�."��#�.�!��� � !�9��������������!.!(�.�T

"� ����4��?� ���*�;���� ������/������2*����������<��

"! ����������;<�=

"% �����������=

"' ����������$�����/�����f

"# ������� �$����1/�����

" ����B>

"9 ��B�$

"& ����������;<�=

": ���� �������*�� �������� ������5������>

�" ���� ��� ���*�� �������� ��>

�� �

�! ���� ��� ��*�������� ��3 ��ss�� ���LL�� ����� ��3 ��ss�">

�% ����� ���*������������3 �>

�' �

�# ���� �������*�������� ��8����ss�� ���LL�� ����� ��8����ss�">

� ����������*������������8���>

�9 �

�& �����������=�� �$�� �f�����$������B>

�: ��B

E����������!.!(�.�T�C��A??6A#�C��A??�@#�C��A??I`�A_�Xh

z�����!.!(�������!���"(��!����9������������#��G���7��)�����������������,!()��%

'���������/��������� �� ���� ��3 ���� ��8�����)����������#����!��/���/�������(����

�!.!(�� �����%

'�.�������F����������.�)�����(�����������!���"� %�:� �����!�(��!��#�.!���*k�AiX<��u�����)��

�(9��� �����!.!(�.(�(���� . �� �������� ������5��������� ��3 �#��� �*k�AiX<��u����;�

����� �������/�,�� �������� ����� ��3 �%�E��(����!������%

'���������!(,�#��������.!��2�!�(��!���!�F�����;����"��������������!.!(�.��

��!���"�h�`aAh%C��A??�@>q#@D���h�`aAh%C��A??6A>��jX�#��jX�D%

• 0������ ��.�;�f�<��!.!(�� ������!���"(������������.(9���.!�����%

'��!���!#�.��.����)���!.!(������!���"(�����"��� ���T

• 0������ ��3 ;����f���1<��!.!(�� ������!���"(�.�(.��������.!�����������������

�.(�����%�1��/. � �������(���� .��� �� ��� ��8������ ��3 �%

z�����!.!(����� �������.(�����#���������(.������.!�������;"f"<T

N�������.�!�����!�����!�����.)�������X?Xi%C��A??I`�A_�Xh>�A�D%

Page 232: Язык javascript ч 2 1

0����������� ��@�� v���;� �<� ��� ���������/����������!.!(�� ������!���"(���.#������/������

.������ �!�(#�������!����!�� ��!� ������#��� ���(#������ ��!� ��������%�&!����#�����

��!����!�� �����(.����#���������������!� �������%

P��.����)���!.!(������!���"(���.#������.��.��.������� �!�(T

e����(�9���.��.���!.!(������!���"(���.#������.��.��.������� ���(T

1�%����%����$���

E�,����� �����()�� !��������������.(�����3���!.!(�� �����4%�'��!���!#��!���.������F,�

���, ,�.��������.(������;����������������,��!.!(�� ����/��.�#�������.(����%

z�������!�������!.!(�.(���!���"�#������������� ���� �������� ��������� ���� ��*�(������(%

&!��/�����!���"�����!G�� ���.(9����)����%�&�!�( �������T

&!����)�������� �!�����.��.(���!���"�����!G�������.(9����)������!.!(�.�%�&�����)��������

��)����;��!.!(�.�� ��� ����%

:������ �������� ����)���������� �/�����#��!.!(�.(�.�!,������������!�����%

'������.��/�,�������� �������#��������������!.!(�.����������%�-����������������.�!(�

F�!��(#�������!��/���F�!����� ������#������!)������!���"��!��F�!����#����� ��G�����%�U�.���

��!�!�� .����,��� �,�����.�.�3�!�).4���!���"�%�=���)����������������.!��� #����������#�

���� ��������!����!��!.!(�.������� ��������������%

:��9�

V����!�T

• N���(������!����! � ���� �������.��T� �������� ������5�������������������6����

• N���(������!����! ���!���"����(�G����!.!(�.�T

� ���� ��6�����*�� �������� ������5��������� ��6����>

! ��������6�����*�� �������� ������5�������������6����>

% �

' �� ��6�����*�7�������;�� ��6����f�������6����<>

&!.!(�.��.��T

• &!.!(�.(�.����)���(�����.�.����� �����1/������>���,!������� �;

���� ������/�����D� ����#�.!���IJm�%

N��.!��2�!�(��!����������(������!(, �����T

���

� �������*�� �������� ������5������>

! ��� ���*�� �������� ��>

% �

' ���� ��3 ��*�������� ��3 ��ss�� ���LL�� ����� ��3 ��ss�">

# �� ��3 ���*������������3 �>����@5)&

����;(dFTcxQY�bWSTWcJTQ$�(�-��� ��3 �<>

Page 233: Язык javascript ч 2 1

• ����� �����!.!(�.(��)���!����9�����"����������� T

• ���� ���� ��3 ;����f���1<�;����������.!������#

• ���� ���� ��.�;�f�<�;��!.!(����������������.(9�,������%

• ������� ��@�� v���;� �<�;��!.!(����#������/��������������� ����%

�M

'���F����$(�."�����0 ������?� ��;<#�.�!��� � !�9�����r�.����.!���������������

������������������.(�����%

H �� ���r�.���!��(�����T

• � ��;�.!������� �!��� �,!���"�� ���� �������>����������.(�����D%

• � �� ��;�.!���������)�� �,!���"�� ���� �������>����������.(�����D%

• ������;������ ������.(�����#� .������!.!(�.(%

:���������)��(���� ������.� �!��.���(���!.!(�.(�>,!�������(������������

������!����!���#���������������,���#����()��������!�)�D%

V�F����

� ��;��)��.!���!�(��!���(����#�.�.�(.����� �,� ��V����!�����!.!(�.�������!���"�T

� �����������0 ������?� ��3 �;<�=

! �� �������*�� �������� ������5������>

% �� ��� ���*�� �������� ��>

' �

# �� ���� ��3 ��*�������� ��3 ��ss�� ���LL�� ����� ��3 ��ss�">

���� ��3 ���*������������3 �>����@5)&

9 �

& ����������� ��3 �>

: B

� �� ��;�/��� ������ ����� ���� ������T

�����������0 ������?� ��. �� �;<�=

�����������0 ������?� ��3 �;<�-�� �������� ������5�������������6����>

B

&���� �����;���.���(��� (��������� #���������%� �V����!�����!.!(�.�������!���"�T

� �����������0 ������?� ��6����;<�=

! �� ���� ��6�����*�� �������� ������5��������� ��6����>

% �� ��������6�����*�� �������� ������5�������������6����>

' �

Page 234: Язык javascript ч 2 1

# ���� ��6�����*�7�������;�� ��6����f�������6����<>

9 ����������� ��6����>

& B

E�,#�� ��#������(�9� ���������� �F��$(�."��T

� �����������0 ������?� ��;<�=

! ���������=

% ����� �$���0 ������?� ��3 �;<f

' ����� �� �$���0 ������?� ��. �� �;<f

# ���������$���0 ������?� ��6����;<

��B>

9 B

{1�.!���������(� �� ��.��|

Координаты�� 1�������$��������*������������"�����

�� &(������.!������/������

�� P!������� �.��T� �����������. �����,�����q���;<

�� P!������� ��.(�����

�� ����!� F� �����T� ���� �����+

�� H!� ������ ���� �����+� ������������. �����,�����q���

)� P�����! ���� �����

�� &(������/���������.!�������T� �����������t �4 ���;�f�<

�� P!����������/.!���� ����������������1

)� E�,

:��!�(��!��������!��.!����������������%

+������������� �������� ��n�� ��`

U�.��������.!�������)��� �� �� �!�����(,(���!���"�%

+������������ ���������n�������`

'����.!�������)��� �� �� �!�����(,(���.(9� � ���� ������%

+������������ �����������n�������`

'����.!������;�� � 2 �!��� �(,�/.!���%

P!���������/������#����.!��.���#����� ������.!��������,�� ,� �!���,�(,�%

+��������(������������������������$!����

P,�����!���"������!.!(����#���.��������.!���������������.���;�������f������1<����.(������;����f���1<�� ������T

Page 235: Язык javascript ч 2 1
Page 236: Язык javascript ч 2 1
Page 237: Язык javascript ч 2 1

P�.�(��!����������. �����,�����q���;<+

S!�(��!���!�)�����������!)���#������(���!��(,���.�%

:��(������������/������#���.���.�.�0@v�2�/������������������!��(����!��(,���.%

'�����/��������!��� ������!)��� ����������� ���.��#���.�)������!.���(������������!��(,���.�#�������. � ��� ���!��� ���� �>(�.�)� ���!.��;�� ������D%

S�����!���/�������� T����"�$�.�"��%

-�����9���#����!)����/��������)�����!�)������ ������!��(,���.����� ����.�.��%

=����!��(,���.���)���(���������9���X?Xi%jX�*?�X`�wX��C>D%�'�����������������()��%�e������X?Xi%jX��AB`a�`j*?�X`�wX��>D� � !�9��������� ��� ��9� ��!��(,���.���� ������,�����q����;<%

+��������(������$!����

P!����������������.�����,����� ���������%�'��!���!#����!�������� ���� �$������%�e���.)��������(�������.(9���!�����������)�(�� (���/���������;��)������� �������.!���������������.��%

H��!(, ���!��#�.!�����������������.(�������������G)��#���.�.�.�����������������!���!.!(�.�%�P!����,#�����������()���������"���! ����������!���"���!����9�� ���� �$���� ����%�&/��(���������(���������,���9�%

P��)�����#�,� �$(�."�������(��������.���.!���������%�'��G��)���,.���������������%

'�F��$(�."�����, ��;����<��(�����!����!��(������������. �����,�����q���;<����!��� ������.(9(���!.!(�.(��.(�����%

V��(����T��r�.����.!���������=����$���f�� �$���B

"� �����������, ��;����<�=

"! �������;�<

"% ���� ��� ��*��������. �����,�����q���;<>

"' �����

"# ���� ��� ���*�� �������� ��>

" ���� ��� �5��*�� �������� ������5������>

"9 �����

"& �������;!<

":���� ���� ��3 ��*����� �����1/������ss�� �5���� ��3 ��ss�� ����� ��3 �>

�"���� ���� ��8����*����� ������/������ss�� �5���� ��8����ss�� ����� ��8���>

�� �����

�! �������;%<

�% ���� ��������3 ��*�� �5��������3 ��ss�� ���������3 ��ss�">

�' ���� ��������8����*�� �5��������8����ss�� ���������8����ss�">

Page 238: Язык javascript ч 2 1

�# �����

� �������;'<

�9 ���� ��� ���*�� ��� ��-���� ��3 ����������3 �>

�& ���� �������*�� �������-��� ��8������������8���>

�: �����

!" �������;#<

!� �����������=�� �$�7���� ���;� �<f�����$�7���� ���;����<�B>

!! B

V����!�������������#���F�,��T

c% &(������!��(,���.%

�� H��������!.!(�.(���!���"�%�:����!�(��!�#�.!���IJm������!)� ����

� �� ����/���������1/�����%�:��������!���IJ#�.,���(���� �����*6�}J#��!.!(�.(�

�)���(��������� ������5������#��(�����.��"�������*6�}J���.!!�.����;�

����� ����� ��%

[% :�IJ��.(������)�����������9������������� ,� �!���,�(,�%�&(����/�����9����%

�� N�� ����!.!(�.(�.�.!��������.����� ���������9����������� ��#�������(�����.!������

��,��.(�����%

)� P!�������.!(,������ �� ��7���� ���;<��%.%� �t��XuAq��� �����!�������.���%

B��������5�!����'�������F

-��������!���� �� ���������)������.!������;�/���! ��� ���"���.(� �����4�������/�������

�!�����)�������(��� �����8���� �����3 �%

0��!����!�����,���������(���� �"���#��%.%��������(������F�� ����!����!�(��!��%

:��$(�."��#�!����(�9�����. �����%

"� �����������/�����?��;����<�=

"! �� ��� ��*�"f������*�">

"% �

"' ��B���;����<�=

"# ����� ��*�� ��-�����@��;����� �����3 �<>

" ���������*������-�����@��;����� �����8���<>

"9 ���������*������ �����4����>��������

"& ��B

": ����

�" ���������=� �$�� �f�����$�����B>

�� B

1���!������#���(�/�,������������.�.������(��� ���������.�%

�� 1��������)�� %�V�������!�(��!���!��������3��!�!���4#� .�������� �.�����!����!�!��.�

���!.!(�.���� �����3 ��8���%

�� 1��������� #� ��������.�)�� �!����!���������!������ ���"���.(� �����4����%

0)�#�.����#��������������� ��#��������+�:�����������. �����,�����q���%

Page 239: Язык javascript ч 2 1

/���������������F������\�������Z�����a���

H!� ������������� ���������.!�����#���������� �F�#�����!���!�%

:��!��(,���.����)�������[� )������0@v%�:������������� ��#�.�2.���������

������ ���� �������������%

P�.������� �(�!�����(�>)G��(D�/�����(#������( ������!��(����������

���� T��/�����?�������, ��#�����.)��!�������.!�������.(!�!��;���������������1�>���

��(���������)�� �����������!�������IJ2��� ��������� T�3u�qJ�X`�4D%

1����� �#��'$����"#�*���������$��/�����?������, ��

mTPnnWT�fU4���#����[eVxffseVQ~Z9:

jX�*AA�aCT���������jX�*AA�aC>D

iABCXT.!���������F�

&!��.�.���������������)��,��.�� ��( ������!��(������

�����/�����?��;����<����, ��;����<���)�%�1�!������ �������#���������������� ������f

N���,#������(�����#�.�. �)��!��(����� �!�� #�.�.����� �� �2 �!�����(,(�)��,��.�%�1��

!���)��� �� �� �!�����(,(���!� �,!���"�%�S(�(�� �����������.!���������F�#���.���� ��

�)�����!� ������������/�����?�����, ��%

E�������, ��� ��,��� � !�9���� �!������������ �%

+�!&���������(5�%��-��

�!� � !.�#�.�!�������������� ���������������!�����!�(��!���#������(���.�����! ���� �

����T

� �����������/�����;����<�=

! �������;�������. �����,�����q���<�=

% �����������������, ��;����<>

' ����B������=����\JQW^p�ZWQcaFW

# �����������������/�����?��;����<>

����B

9 B

1�.!������� �.��jX�*AA�aC<jX��uuCX��Bi

&(������/���������.!�������T�X?XiX`�t�Ai}A�`�>q#@D

1�!�������������;�3�(�����/��������.!�������� ��.(�����4��)��� ���.�(����!��!�������

�����������F�%�'��!���!#��!��!�����"������jy`y��A��;�.,�������/�������!������������!(,��#�

�)��������������(�����#������������ ����������������.(!�!����F�%

N���G�!�F���������������aA�BiX`�%X?XiX`�t�Ai}A�`�>�?�X`��#��?�X`��D%

&�!����!����������������1�;�.!����������������.��%

'��!���!T� ������.!������� �$!�����)�%�H� ���� (�9� �/���������/� ���!���"���(����

��� ��������������C ����� � $��%�&!��� �!�����)�������� ��.�����������%

Page 240: Язык javascript ч 2 1

�?�X`��Z ��?�X`��Z �

P��$(�."������ ��.�T

� �+��f����TSSW_HNQJ^�SJNS\HJFGKNS�STNQ�+�

! ����������������q���1;�f�<�=

% �� �����*�� ��������������t �4 ���;�f��<>

'��������������C ���, � �*�;������������C ���, � �**�A��A<���AA�$�A��A>

# B

1�!������ ��������;��!���!.!(�.����!���"���������)��.!���������(�(��� ���/������%�=��.�.�!���

���(#����.!������� �/� �$(�."���;����������.��#�������.(�����%

+��������(����6������������n�������`

P!����������������/.!����������������1������� ���������,�� ,2 �!���,�(,�%�E������� �

��(������� ����/.!��#������.���!�(��!�%

U�.���.!�������!��.������(����#���.�.�.���������#� �G�)�#�����!��(����!�����9��� �(�!��

�!�(��!�%�'�����,(������������#����!���!#��!��!����������������(��! �� ����������

�.!������ ,�.������!������/.!���� �� ��h�`aAh%A�X`%

3������*y5 0 0 1 0

Page 241: Язык javascript ч 2 1

1�9�����$!��"�����/.!�����!������� �,���� ���!����� �C��XX`T

���

� ���SZxQY�OHWHNQ�E^\SJQ

! ����;�������������-�A���A�-�������������<>

% �

' ���_S\JcbNQY�OHWHNQ�E^\SJQ�;aQ�E^IFJSM�JQ\TZQWQ�H�J�b�<

# ����;������������������-�A���A�-������������6����<>

9 ���F\JK�H�WY_�_WcRHh�\ESp\JE�������;\M��_STcMFNJQXHz<

P!�������� ,2 �!���,�(,���!�(��!�����/.!�����!������� ����� ��������f���� �������1�>���

����!)� ������IJm�DT

���

�����;(�WQcaFW�NQhS_HJ\Y�NQ�(�-����� ���������-�(f(�-����� �������1<>

1����,(�������������F���(�#�����.���������� ���/.!���%

P!���������72/����������/.!�����(����������%�S!�(��!�����!����� ����� �� ������� ����

/�,%

:��9�

���� ���.�� ��!�(��!�������.!������T

�� 1���������.������� �%

�� 1����������.(������� �������;��������������!���!.!(�.�%

�� 1���������/.!���������%

'����.!������;� �� �2 �!�����(,(�.��<�.(�����</.!���%

P!�������/����������������.��T��������. �����,�����q���;<#�����(���������������

�.(������;���� �����!.!(�.(%

:����!���t��XuAq#�*k�AiX<��u��������X������.�.�������� �������������. �����,�����q�������#����

����;��)������� �����(���! ����� �����3 ��8���%

P!��������(�(���()�����������#��!��!������������������F��>.!�������.�.�D���/���������

>��!���9����D%

�M

:��$!� �����)�� �� �������.(��������������3���4%

&!����9��������������� �����.!�������(.����������!�.����(, ����������.���

�!�(��!�%

N�������! ����� ��.(�������� ���(���� T�.�.� �������������!�)����.!�������

��F�����������.��%

Page 242: Язык javascript ч 2 1

1�.!���� �

� ��.���1�.!���� �������"�

:�F�.���)����!����9����7��(���������!����!��.!�����T

c% Y� � 2 �!��� �(,����!()�%

s% Y� � 2 �!��� �(,� �(�!�%

[% &!� � 2��)�� �(,� �(�!�%

g% &!� � 2��)�� �(,����!()�%

1����)���� ���������.!��������#�.�!��� ���(�����.�.������%

}%�%�P������)��������.�.2���!� �����.�.�.!������!����!���/������#������#��������

�����(��� ���!��.�%

P,�����������;�� ��������� �!�T�����()����������#��������.����.!�������

����������.(�����+

E����� ��.(����T��B�A���?<]�AhCX�<aAi<u�X?a2�AA�aC2C��<�`aXq%k�i?%

V�F����

P!������� ��F����(,

P!�������/������� � !�9������$(�."�� �X?Xi%jX��AB`a�`j*?�X`�wX��%�1��� � !�9���� ���

.!����������������.��� � �����r�.������ �� ��������#� �#����#�� �� �%�'�.�!���

�!�(��!����.)����� ���������#������%

U�.����.!������� �!���,2� ,�� �������!� ,2��)��,�� ��'� ��F����(, T

� ��� ���*��������. �����,�����q���>

Page 243: Язык javascript ч 2 1

! �

% ��� ����*��� �������f�� ���� ��>

' ��� ��'�*��� ������f�� ���� �� ��>

Y� � 2 �!��� �(,� �(�!�

=���(,�����������!()����,!���"����!����!�!��.�#�.�!� ����(����

��!��������8����������3 �T

��� ��!�*��� ��������-�������������8���f�� ���� ��-�������������3 ��>

&!� � 2��)�� �(,� �(�!�

=���(,����������!� 2��)�� ���!()� �,!���"�����!����!�!��.�%�U�.�.�.��()����!��.��

�����������!� �2 ���(#������"�������� �� �����������#�������)����(�����/���

!����!����*��T

� ��� ��%�*��

!��� �������������@��;��, ������?����;�����<�� ��q��������<�f

%��� ���� �� ��������@��;��, ������?����;�����<�� ��. �� ������<

' �

0)���(������������!���� �����(���#��!��� � �������������������6�����.�

.!��������� ��!�� ,2 �!���,� �(�!����,�(,�%�&(��������)������#��)�( ���)��

����!��������9���%

&�� �.��!�F����T��B�A���?<]�AhCX�<aAi<u�X?a2�AA�aC<�`aXq%k�i?%

P!������������������!���"�

z������!� ���.�.!�������������������!���"�#��()����� ����.�

!��(����(�������. �����,�����q������.(9(���!.!(�.(��.(�����#�.�.������� �

$(�."���jX�*AA�aC%

{1�.!���������(� �� ��.��|

�M

H��� ���$(�."���� ���� �e�;����f����� f�� ���� �<#�.�!������"���!(���

/����������#� ��� ����������� ���� �#�� �!�(�>(� �(D#���!� ��>(���(D��������(�

>(� �� �(D���/����������� %

E����( ����G#������ � ����������.��3 �#�q������. �� ��!������"���� #�.�.������T

Page 244: Язык javascript ч 2 1

1�.

!���� �� ��.��

E����� ��.(����T��B�A���?<]�AhCX�<aAi<�AC���A`2��2C��<�`aXq%k�i?%

V�F����

V�F����T��B�A���?<]�AhCX�<aAi<�AC���A`2��<�`aXq%k�i?

{1�.!���������(� �� ��.��|

�M

'���� ��!�F������������V���������������.(�!������/���������� ���

$(�."���� ���� �e�;����f����� f�� ���� �f�������<#�.�!������"���!(���

/����������#� ��� ����������� ���� �#�� �!�(#���!� ���������(���/����������� #����!��

(.��������!,(�������������;����9�����,� �(�!������ %

&!���!�!��(�����T

Page 245: Язык javascript ч 2 1

1�.

!���� �� ��.��

:�.����� �������,��.(������ �������!�F������������V���������������.(�!������

/������%

V�F����

V�F����T��B�A���?<]�AhCX�<aAi<�AC���A`2��2s<�`aXq%k�i?

{1�.!���������(� �� ��.��|

Проверка вложенности и соседства

�� F����� ����� �������� 0���� ����� ����0 ������4 ���� �

�� &���!).�� �IJO2

�� E�,

N���! �!.�� )�������(� �����������X?Xi%�A`���`C%�1��.!��2�!�(��!�� %

:�������!���)�����> �F�2��)�� ���!� �D��)���)���! �!����;�������Ai���X�A�BiX`�}AC���A`%�1������!)� ������ ����#�.!���IJO2#�,���������! �!.������,��!(, #����)���������.!��2�!�(��!���!�F����%�E���� �����/�,�������,!����/$$�.�� �������!9�#�����3��,��������74���2.��%

)��������� ���

H����.���T

��������*�� ��e�� ������;� ��.<>

:� !�9�������#������ ��e����!)���� ��.����� ��e�**�� ��.%

Page 246: Язык javascript ч 2 1

=�������� �������� �G�� ����#�,�����������!������#�.�. �/������ �F�������)������7#���

�()���!����! �!���#� �(�!��������%

N����!�����!��������!� ��(�� �����#�.�!� ��()���!�)�%

)��������� ��^�������l�������

H����.���T

��������*�� ��e�� ����0 ������4 ���� �;� ��.<>

:� !�9��������������;���� ������.��>��%�&��� �����!��!�D#������ �.�! ���������

���(�9��T

>��( ���� 1�������

mmmmm

mm � ��e��� ��.������������-��"���

mmmmm

�� a��$�������$&����"�����&�9���������&���������"�����:

mmmm�

m� � ��.���������"���� ��e�9�����������'&�������"�����:

mmm�m

m� � ��e���������"���� ��.

mm�mm

mD � ��.�����-��� ��e

m�mmm

m�H � ��e�����-��� ��.

�mmmm

m�� 0������������������'��"����

&������3�!��F��� (��4�;��������� � ��(����3�!����(9� �������!���9���!�����4#���3!���F��

��!�������� ��!��.���!��,��������!� ���.(�����%

0,(��������������������� %�&!���!��!�������������� T

���

"� )�����)���

"! )���

"% ��)������)����

"' )����

"# )�����)���

" �

"9 )������

"& �����*�� ���������5�������.�3�u���;A��A<�"�>

": �

�" ������\S\F_H

�� ����;����� ����0 ������4 ���� �;�������� ��?������<�<>����!�*��"

�! ����;����� ����0 ������4 ���� �;��������?������<�<>�����'�*��""

�% �

Page 247: Язык javascript ч 2 1

�' ���!��WS_HJFGK�bSJSMST

�# ����;����� ����0 ������4 ���� �;��������,�����<�<>����!"�*��"�""

� ����;����� ����0 ������4 ���� �;���������u ���<�<>�����"�*��"�"

�9 �

�& ���%��ESSZxF�WQaN^F�caG^

�: �����*������������"�>

!"����;����� ����0 ������4 ���� �;�� �������� �������,�����<�<>����'�*��""

!� )�������

P������!��T

c% ����� �������������#��/��(��������.�����3�!��F��� ����4T�.�. ���!���.�.��%

�� Q�����������!��(�� ������T��"�""��������#��������� !���������!)����������,�������

� �������,��!��F��� ����.�#���������!���!�����������!� ���.(�������������

��!��������� ��e#�������� ��.%

e��,���#��"�"��������#������������u ������!)���������!��F��� (�����(%

�� U�.�.�.�����������(� ����� �������!��.���!(,��!(,�#����������.�����

�!��F��� ����T����!��F��� (����������(�(�(��.(�����#���.�.,���!�!�������������%

&�!� �� �� ���(��������(

H��� ��!�� ���������������������!���#�.�.����� �,����� �s2� ���������;�

�� ���������,�� ?���;!<#����!���!T

���

� ����*�!">

! ����;���� ?���;!<�<>����(�"�""(

E����.T

���

� ����;�!"��� ?���;!<�<>

Q���������!"�� ����.�#���.�.�.��������#��������(����#����������G������������������;�

�(����F��.�%

&! �!.��(� ���3� ��e����!)���� ��.4�������� ��������� ���

��!�"� T� ��e�� ����0 ������4 ���� �;� ��.<�L�� #����!���!T

���

"� )���

"! ��)����)����

"% )����

"' �

"# )������

Page 248: Язык javascript ч 2 1

" ��� ��e�*�� �������� ��>

"9 ��� ��.�*�� �������� �����������"����������"�>

"& �

": ��;�� ��e�� ����0 ������4 ���� �;� ��.<�L�� �<�=

�" ������;�� ��e�-A�\S_FW`HJ�A�-�� ��.�<>

�� B

�! )�������

S�����!������� ������.��T�&��� �����!��!�%

������*�����YRo

:�IJm������!)� ������� �#���������!����#��������� �� T

?CDBS*8C?<5:?=-?CDB21

V��(����T����#������ ��e����!)���� ��.#�����.)�� �����(���#������ ��e�**�� ��.%

?CDB*=C@98BT?DBO

'��!�/�������� ��� ��!��.���!��,��������!� �%�U�.����(� 2/����� %

=���� �������������.!��2�!�(��!�(��!�����"���� ����0 ������4 ���� �T

"� ����_QbJHWSEQNS�\�����$���� ��� ��� �� ������� �������� ���� ��

"! ���������� ����0 ������4 ���� �;�f��<�=

"% ������������ ����0 ������4 ���� ���

"' ������� ����0 ������4 ���� �;�<�$

"# ������;��2*���LL���� ������;�<�LL�� <�-

" ��������;��2*���LL���� ������;�<�LL�&<�-

"9 ��������;��� ���@������*�"�LL���� ���@������*�"��

"& ����������;��� ���@�����)���� ���@�����LL�'<�-

": ������������;��� ���@���������� ���@�����LL�!<�$

�" �����������<>

�� B

N��(� #�.�!������� ������/��������#����!���!#���.�� ���/���$(�."�������.�)���

�!��F��� ����� �IJm�#���.�.�.������.���(� ������ ���@����%�e����(� 2/����� �$(�."���

�!�������.!��2�!�(��!�%

:��9�

N���! �!.�#��)���������(��� �(�!���!(,,������!������#� �����������������,��������7��!��

��9����%�-���� ��!������$(�."��#�.!��2�!�(��!�� � �!�����.�! ��!� ��G�� �F�%

&!���!��G������ ����T

���

"� )���

"! ��)����)����

"% ��)���!)����

"' )����

Page 249: Язык javascript ч 2 1

"# �

" )������

"9 ��� ���*�� �������� ��>

"& ������*�� �������� �����������"����������"�>

": ����!�*�� �������� �����������"������������>

�" �

�� ��;�� ����0 ������4 ���� �;� ��f����<�L�� �<�=

�! ������;�A./01�\S_FW`HJ�8@��A�<>

�% B

�' �

�# ��;�� ����0 ������4 ���� �;���f���!<�L�'�<�=

� ������;�A8@���bWF_OF\JEcFJ�8@�!A�<>

�9 B

�& �

�: ���������� ����0 ������4 ���� �;�f��<�=

!"

������������ ����0 ������4 ���� ������� ����0 ������4 ���� �;�<�$�;��2*���LL���� ������;�<�LL�� <�-�;��2*���LL���� ������;�<�LL�&<�-�;��� ���@������*�"�LL���� ���@������*�"���;��� ���@�����)���������I�����LL�'<�-�;��� ���@���������� ���@�����LL�!<�$��<>

!� B

!! )�������

H���.���� ������.�����! �!.�T

>��( ���� 1�������

mmmmm

mm � ��e��� ��.������������-��"���

mmmmm

�� a��$�������$&����"�����&�9���������&���������"�����:

mmmm�

m� � ��.���������"���� ��e�9�����������'&�������"�����:

mmm�m

m� � ��e���������"���� ��.

mm�mm

mD � ��.�����-��� ��e

m�mmm

m�H � ��e�����-��� ��.

DOM-шпаргалка

�� .������

�� H �� ��(�

�� H��.�

�� U���"�

�� �!��

�� &��.

Page 250: Язык javascript ч 2 1

)� E��������

H� P�����������

c� V����!�����!.!(�.��/������

D� V����!�����!.!(�.����!���"�

�� P!������

:�/� ����������!���������� ����� �� ������������7#�.�!��������(���%

E����( ����G#����������!���,�������#������(����!����%

/� �����

������������ ��X������Q� �R

�������/����������,����

������������ ��[���Y���Q���R

���������.�� � �(�������.�������

����������Y���Q����R

�.��! �����(9��� (�9� �(��#���������*����������(����%

/��5�����$ ���

���������[���

����(��T�c>/�����D�<�[>��.��D�<��!(,��%

������ �Y ��

��,�/������%

����������][eH

5678� �(�!��/������%

������ �

���!)������,�(�����,�����#�.!���/������%

/�(���

�����������������X������

/������)6378�

�������������

/������)./01�

&� ����(���T

• �����u ��

• ����?���������� ��?�����

• �����u ��������,���������,����

U�.���/�������T

• N���T���������>:�IJ�O2���.)�����!)���.������!��D

• H����#�.!���IJO2T�����5������?���������� ��5������?�����

• N���#�.!���IJO2T�����5������,���������5������,����

=�&���(

� ������B�bYc

��!.��3q����!�u%

��������bYc

��� .��36�30����!�u%

����������a�BI����

���!���!.�� �����"�� ���."���365e0�3./01%

�������I����

���!���� .�� ���!.�%

Page 251: Язык javascript ч 2 1

G��!(

��������������bY�� ��c

$!��������!(<�����%

�������������bY�� ��c

/������$!��������!(<�����

������������

$!������/������%

�����

������������X������\�I�Q��R

&�(��.����(���

������������X�������\�Y ��Q� ��R

&���!��(�(�����#� �IJmcn�!���������.����/����� #�,���������!��(���!���������!��%

Q��������R����X�������\�[ �Y ��Q� �R

&���,(���

Q��������R����X�������\�Z� ��Y ��Q�� ��R

&�.���(#�IJ�l#�.!!�.���!���������/��������#�(�.�!������.�.�.��� %

Q��������R�g����d�������8��Q���R

&����.�!(�*��[#� �IJO���*���s%c

Q��������R�g����d�������Q���R

&����.�!(#���.���! � �/�����

: !������

• ������������,����;���,����<

• �������� ��,����;�����<

• �����������.�� �;���,����f���u ��<

• �����������e�������6378;(��� �.���s����.���s��� �5��s����5��(f�����<

+����(��������

������� ��Y ��

e�!��(�������

������� ��H���� ��Q�� ��R������Q�� ��R�������Q�� ��R

��!� �����.������� �5678M#����IJOl������/�(�"��%

���������������� �

H���� ���!��(���������/������

���Z�������d����Q����6�ooR������ �

H������(�G���*��������������/������

�� !��(���%����$����6��!����

������H����[��

p�!����� < �!��� �!��.��� ��

������k����]����

p�!���< ����� �(�!���� �������/������#� .��������!)������������#���� .�������(��!.!(�.��>��������D%

������k����]����

p�!���< ����� �(�!���� �������/������#���(������!.!(�.�%

������H����[��

p�!���< ������!.!(���� ������%

������k����]����

&�� �!����!�/������T�F�!���< ����#� .������ ��%

Page 252: Язык javascript ч 2 1

�� !��(���%����$�����������(

• F�!���< ����� ���� ������T�� �������� ������5�������������6����

• �!.!(�.�>������DT����� �����1/������ss�� �������� ������5��������� ��3 �

• �!.!(�.�>���������DT

• ���� ���� ��.�;�f�<T����q#@������������.(9� ����"��%

• ���� ���� ��3 ;����f����1<T����.!������� ��.(�����%

• ������� ��@�� v���;���������<T��!.!(����#��������������� ���������.������

�!�(�.��>���D���� ���(>�����D

+��������(

• ���������.��T��������. �����,�����q���;<

• ����������.(�����T��������. �����,�����q���;<�l��!.!(�.����!���"�

• �(�����/��������.!�������T�� ��������������t �4 ���;�������f�������1<

}%�%�H�������#������������2�� �)��+�'���F������/��� �.������!��%

Введение в браузерные события

�� ;����#�����'��'��#�����'$��

�� E���� �������!��(���5678

�� E���� ������ �� ����72�r�.��

�� z������F��.�

�� N��(��.�/�����(#� ��������

)� '������.���������������!��� ���� ���\SZ^JHF

�� H��"������������

�� 0�����IJm�

�� '�����������!�����. ���������!�(

�� 1������������"�����������

�� P!���!�(��!�� ������������������!�����.

�� E�,

N��!��."�������� �� �������������� �(�!����,� ������ �� ����.!��� ��(9��� (���������%

H������2�/����,������!�(��!�����#������2���!��F%

H(9��� (�����,� �� ������ %

• ��72������#�.�!������"�����!(�����/�����������7%�'��!���!T

• H����������C��!������#�.,���.�.�(�����/�����

• H������� ��� ���;�.,������/�������� ��������F�%

• H������� ����;�.,������������$.(��!(��������/������%

• H������C��� ���;�.,��������������)������.� �F(%

• H���������.����!�(��!�%�'��!���!#�������;�.,��������������!����!�.��%

• -������,!(�.��$� �<�.(�����T�� ��#���������������#�0/7, �����8 �����

H�������������������������2.�����.(�����������������#��� ������� �������������.�������!$� ��%

#� ���������&��&����������&(��5

-�������.�.����� �������������������!�����.%�H� ����������!�����!��#��������������,��!��,%

Page 253: Язык javascript ч 2 1

:�%��� �����������&$���^_Q`

1�!�����.��)������������������!��� �!�����.�#� ���!��(��#�.�!� ����� ������ �)\SZ^JHF�%

'��!���!#�������!�.!����������C2�������.�������.��.�#��)���!�� �����!�����.� �����C#� ����.T

)��������*(��(������*(yQ`MH�MFNY(�������E� �K��L ����QoT7.3#+&ioRL�����*(���� �(��

&!��.�.����F. ����.��.�� ��������.�#�(.������ � ���!��(��� �����C%

:��� �� ��T

1�!������ �������#� �(�!������������(�������������.� ��.�#���.�.�.�������!��(����������� �

� ���%

z������F��.��� ��. � ���#����������� ���#����.����������� �(�!����!��(��%�Q������

��� �����C*(����;(�GHT(<(�����(����!������%�-��� ����� �� �������()������� ����������

� ����.� ��.�#���/���)��������#������� �������L�� �>T �����C*(����;L�� �>�GHTL�� �><(%

1���.#������/�,�����!��(����#���.�.�.� �!�����.����F(������.�������!������!�����.�%�-���

�()�����������2���)��#���������������������/�� �$(�."��#��� ��!�����.�� �� �����G%

H��(�9� ��!���!���.�.(����(�.����$(�."���� ���q������;<%

���

"� )20/,3145�6378�

"! )����

"% )� ��

"' ��)��� �������*(����&(�

"# �

" ��)������

"9 �������������� ���q������;<�=

"& ���������; ���*�>��)*%>��--<�=

": ������������;(�WSGHT�NSMFW�(�-��<>

�" ������B

�� ����B

�! ��)�������

�% )�� ��

�' )�����

�#��)����������*(���� �(�������E� �K��L�����a �����QRL������*(mIHJQJK�TWSGHTSE2(��

� )������

�9 )�����

P�.���������#���!��(��56782��,������( �� ������.�!�,���!(#��/��(�/u,8@,���(����!���������.�)�#�

.�.� �,���C���� �����C��'#�.�.��!� �#���!��(�����F(�� ���)����!�,���!�T� �����C%

Page 254: Язык javascript ч 2 1

:�%��� ����������5�����OPQ �&8����

0)�������������!�����.#������(��� �� ���72/������� �)\SZ^JHF�%

&!���!�(���� .���!�����.������C�/�����(�����*(��5������(T

� )��������*(��5������(�����*(���� �(������*(yQ`MH�MFNY(��

! )������

% �������*�� ���������5������.�@�;A��5������A<>

' �

# ����� �����C�*���������;<�=

��������;AmbQ\HZSA<>

9 B

& )�������

:��� �� ��T

-����!�����.���������!�����!��(�#����� ���� (�9���� �� ��� �����(�/�������� ��������.�%�

S!�(��!��������56782!�����.(#�����G��� (��$(�."���������!)��,���!��(����������� ���� �

� �� � �����C%

&�! ������� ������������� �� #�����!��(��;��F��������,����"�����"��%

=���� ���!���!��.���!�����������. T

c% U�.�5678T

���

� )����������*(���� �(�������E� �K��L ����Qop0#2ioRL������*(�NSbTQ(��

s% 5678�l���T

���

� )����������*(���� �(���*(���� �(������*(�NSbTQ(��

! )������

% �� ���������5������.�@�;A���� �A<� �����C�*���������;<�=

' ���������;A�GHT2A<>

# �B

)�������

U�.�.�.�� �� #� ���,�#���#����������������!�����.(������������������%

:��!���!����)�#��������������!����������������!�����F����!�����.������!��(��T

���

� )����������*(���� �(� �����C*(����;AkSA<(������*(yQ`MH�MFNY(��

! )������

% �������*�� ���������5�������.�3�u���;A�����A<�"�>

' �

# ����� �����C�*���������;<�=����bFWFaQbHOFJ�\cxF\JEczxHp�SZWQZSJIHT

������;AjS\GFA<>

9 B

Page 255: Язык javascript ч 2 1

& )�������

1�!�����.���)������������()���(9��� (�9(��$(�."��T

� ������������3���C�;<�=

! ������;AmbQ\HZS2A<>

% B

' �

# � ���������5������.�@�;A���� �A<� �����C�*����3���C�>

z������F��.�

• �(�."����)���������!�� ����.�.����3���C�#���������3���C�;<T

� ���������5������.�@�;A���� �A<� �����C�*����3���C�>

-������ �����.�.�#������3���C�;<�;��(����()��!��(����� ��������$(�."���>����.�.�.� ��� �

��������#��� � �����C�����G�����������D%�'���)���()���������$(�."��%

%%e� �� �!�����.��.�.�!����.�.���()��T

)����������*(���� �(���*(���� �(� �����C*(���3���C�;<(��

=��!��������!����r������%�&!�����������!�����.���!�(��!����!�����.�#���

� ��������.���������$(�."�������,����!)��,%�&/��(������� ��!���!�;�$�.�����.����

)������#���T

� � ���������5������.�@�;A���� �A<� �����C�*���������;<�=

! �����3���C�;<>�����\S_FW`HMSF�QJWHZcJQ

% B

• E����( ���� �� #��������!��(�%�U�.��� �!�T���������e�������;A �����CAf�����<%

���#����!(, ���!��#����������;���!.�#�����.���!�� ������(����(���F���#����!���!T

���

� ���\WQZSJQFJf�Zc_FJ�bWH�TGHTF�E^_QEQJK��

! � �������� ������e�������;A �����CAf�A����;�<A<>

S!�(��!� �/����(�����������$(�."��2�!�����.������������!.������;�<%

ke� �����������;������!.�#���$(�."���>.�.����)������D#���!�������� ��������(���T

���

� ���bWH�NQ`QJHH�NQ�� ���Zc_cJ�SOHZTH

! � �������� ������e�������;A �����CAf���������;<�=�����;�<�B<>

P�.� ���(�����#�����(+

V��.!����� ��

Q�����������!��(����)����������.���!.�%�Y�����!(,������������!��!��(����� ���!.(%

�(�."��� ���!���� �����������G��� �.�T�(������ �;<�=�����;�<�B(%

E��.#���!��(���!�� ��%�U���!���!�(��!���������!�����.����������/� ���!.�T

Page 256: Язык javascript ч 2 1

� �������� ��� �����C�*���������;<�=�

����������;<�=�����;�<�B

B

=���.����!��(���.!!�.��������.���!���������������%�Y.������$(�."����r� ��������

������;���������F��.�%

• E����( ���$(�."��#��������!.�%

Q����������� �����C�*�A����;�<A��(����!������#������!�.����(����%

&!������� ����� ���. �$(�."��2��!.����!���������������.������(�(���!�������

����������2����$�.��!���%�Q������������(���� �� ������ �������/�����!���#����9� �

�!��"�����. �;�$(�."����)�������������� �%

• '�� ������ �� �!�,���!�� �����#��/��(� �)\SZ^JHF���)��������������� ���)����

!�,���!�%�H �� �/u,8@,��!�����������(���%

<���$%���6��!���$.����

:�(�!���!�����.����������������������������.(9� �/�����%�=���)������� ���#������

�(������ �� ��������������/�����%

:�.�����)������ �� � ����� �����!)���#������(�����������6378T

)������� �����C*(����;���������6378<(�yQ`MH�MFNY)��������

:��� �� ��T

�M

E����(������������#����� �����.#�������!��.�.�����.��.(��������/����������*(����(%�N��T

E����� ��.(����T��B�A���?<]�AhCX�<X�X`�C<k�aX<k�aX��kX��AB��X%k�i?%

V�F����

V�F�����������T��B�A���?<]�AhCX�<X�X`�C<k�aX<k�aX��kX�%k�i?%

{1�.!���������(� �� ��.��|

�M

H��� ���.��.(#��!��.�.�����.�!(�#�����(�����.!� �������������%

P�.�/��T

V�F����

V�F��������������.�������� ������ ���������� ��!�����.�%

���

�)����������*(���� �(� �����C*(������������������*A� ��A(�����*(yQ`MHf�IJSZ^�MFNY�\bWYJQJK(��

Page 257: Язык javascript ч 2 1

{1�.!���������(� �� ��.��|

#������������ ������"����� ���3&+;%#/

�(����������� ��������.�������������� �������������!�����.��;��� ��)�����

� ���������.�.��!�����. �������������%

'��!���!#�����������.���������!��.�.�����.��.(������������� ����� #����!(,���;� ��� ����

��9����%�'()�� �!�������������� ���!�����.��� �����%

&!��/���� � ��!�����.��(��������!�����!����(9� %�'��!���!#����(�9� �.��������������

���������������!�����.�;������� T

������ �����C�*���������;<�=�����;�<>�B

������

������ �����C�*���������;<�=�����;!<>�B����aQMFNHJ�bWF_^_cxHp�SZWQZSJIHT

P����#�/���)��� ���!��������������#� ��������������������$!� � !.�� .!(,��!�����. %

'��(9��� (������!(, ������������������!�����. #�.�!� �� �������(.�����,��������.�%

/%�������(��!����(

N��������������!�����. ��(9��� (������"������������%�P�.��!� �#� ��!�(��!������

������!����#�.!���@5):#�,��������)�#�������,��!(,��%

)����(�YRZ[

H����������!��������������!���IJ#��%.%����(����!9�%

'�����������!�����.���(9��� ������ �� ��������5����T

��������������5����;�( �(-�����f�������<>

���������!�����.��;� �� ��������5����T

��������������5����;�( �(-�����f�������<>

'��!���!T

� ��������*�� ���������5������.�@�;A���� �A<

! ���������������;<�=

% ��������;A\bQ\HZS2A<

' B

# ������������5����;�( �����C(�f�������<����yQaNQIFNHF�SZWQZSJIHTQ

�������

9 ������������5����;�( �����C(f�������<����D_QGFNHF�SZWQZSJIHTQ

���������!��(����(�)��$(�."��

1����#��!�����.����� ����%�'��� �������(�"��#�.,�������()��(���������������%

Page 258: Язык javascript ч 2 1

:�/����(�����()����!������ ������(�������������$(�."��2�!�����.%�U�. � �� �

�(�������!� �����T

� ������������5����;�( �����C(�f

! �����������;<�=����;AmbQ\HZS2A<B

% <

' �������

# ������������5����;�( �����C(f

�����������;<�=����;AmbQ\HZS2A<B

9 <

'����!������#����$(�."���!�����������. #�/��� ��!������$(�."��%

E���� �����������5������� ������� �������.�.��!�����. ����������������,�

/������%

&!���!���)���(����!���������.� �IJ�����X��T

���

"� )��������*(��5������(�����*(���� �(������*(yQ`MH�MFNY(��

"! �

"% )������

"' �� ����5�������*�� ���������5������.�@�;(��5������(<

"# �� ���������*���������;<�=

" ��������;AmbQ\HZS2A<

"9 ��B

"& ��

": �� ��������!�*���������;<�=

�" ��������;AmbQ\HZS�FxF�WQa2A<

�� ��B

�! �

�% ����5�������������5����;( �����C(f�������<>����bFWE^p

�' ����5�������������5����;( �����C(f�������!<>����EJSWSp

�# )�������

���!�����. #���������������������5����#���������

1�!�����.�#���������������������5���������(���������f

=�� �)����������������� ��� �.���������!���IJ%

Page 259: Язык javascript ч 2 1

#� ���������&��&��������%����������$

1$�"����� ������������������!�����. ����������!���\[*�!������� � ����� !��������

�!�(��!��#� .�����IJ�l%

'�����������!�����.�T

�����������5����8������;������f�������f������<>

�������T

���������� ��5����8������;������f�������f������<>

P�.� �����#���)�����������5�����������5����#���.���� ��������������F����������!�$�.���3A`4%

-9������������������.�����7���ACAu��;�/���!��� ���!����!T��k�CX#�.�!� ��������������(�����

�� ���� ��� ������%�&�)���������!��#�������������%

E���� �����/�,�������;���.��)�#�.�.���(�������5����T

� ���������������;<�=�����B

! �

%��������5����8������;�(����C(�f�������f�� ���<����NQaNQIFNHF�SZWQZSJIHTQ

' �

#������� ��5����8������;�(����C(f�������f�� ���<����c_QGFNHF�SZWQZSJIHTQ

1������������"�����������

• 0)������ �������.��!�����. #��.�.� ����()�%

• '������(����� ����������������!�����.�����/������%

• S!�(��!����,�!����!(�����!��������!��.�� ���������!�����. %�1����,(�������

���������� ������!��.�#��� ���������;� ��!(,�%

• P!���!�(��!������� ���������%

+����&��$ ���(5��%���&��� ������"��&��&�������

0)���r�����������������IJm����� !���������!�(��! #����� �� ����������5����;����f�

����f�������<����� ��5����;����f�����f�������<T

"� �����5����f��� ��5����>

"! �

"% ���;� ����������5����8������<�=����bWSEFWTQ�\cxF\JESEQNHY�MFJS_Q

"' �����5�����*���������;����f�����f�������<�=

"# ������������5����8������;����f�������f�� ���<>

" ��B>

"9 ���� ��5�����*���������;����f�����f�������<�=

Page 260: Язык javascript ч 2 1

"& ����������� ��5����8������;����f�������f�� ���<>

": ��B>

�" B������=

�� �����5�����*���������;����f�����f�������<�=

�! ���������������5����;( �(�-�����f�������<>

�% ��B>

�' ���� ��5�����*���������;����f�����f�������<�=

�# ���������������5����;( �(�-�����f�������<>

� ��B>

�9 B

�& �

�: ���

!" ���H\bSGKaSEQNHF$

!� ���5����;����f�(����C(f���������;<�=�����;(jWHEFJ(<>�B<>

=���!F�!������� ���F���� ���(��� #���(��!�����.������(��������� �IJ#����(�

��������5������������!)� ��������%

P!����,#� �IJmO�������!�������(���.������������'����� �������()������#��� ������������(����.�

>.�.� �!�����;��������!)� �����IJmOD#���/��!�F������)����� ��%

:��9�

-�����!��������������������!�����. ������ T

�� e�!��(��5678T� �����C*(���(%

�� H �� T������ �����C�*������� �%

[% H��"������������T

• N��IJm�T������������5����;� �-\SZ^JHFf��������<�>(���������!���������5����D%

• N���������T���������5����8������;�\SZ^JHFf�������f�������<�>(�������

��!���� ��5����8������D%

:��������#�.!���������5����#�������� �������(��.�/�����(#����.�!���!������!�����.#�

��!�������%

&����� ��!,(��������5����8����������!�����!�����)�#� ��������:�����������!�� ��%�1�������

��,���!� ��������%

�M

:���!����� ����� �����������.��.�%

E���������!�����. ������ ����%

z���(���� � ������!��.�.������ ��������.��+

����� �����5����8������;(����C(f���������;<�=�����;(�(<>�Bf� ���<>

Page 261: Язык javascript ч 2 1

! �

%���� ���� ��5����8������;(����C(f���������;<�=�����;(�(<>�Bf� ���<>

' �

# ���� �� �����C�*���������;<�=�����;!<>�B>

V�F����

1� ��T��(���� � ���������!%

&�! � ��!�����.��!������#���.�.�.������(�!��� �� ���� ��5����8������%�N��

(��������!�����.���()����!������ ���������(�)��$(�."���>���.(�������D#��������

���������#��� �.�����!����������.���)���� ��(�$(�."��#��#�������������#�/���!(, ��r�.�%

N���,#������(������$(�."��2�!�����.#��()��,��2����!���������.(������G#����!���!�

��.T

� ���������������;<�=

! ������;(�(<>

% B

' �

# ���� �����5����8������;(����C(f�������f�� ���<>

���� ���� ��5����8������;(����C(f�������f�� ���<>

1�!�����.����� �� �����C��!����������� ������� ���������.�����������(�

����5����8������%

{1�.!���������(� �� ��.��|

�M

H��� �������#�.�!��!��.!� �����<� !��� �������!��.�.�T

E����� ��.(�������.�!���.�T��B�A���?<]�AhCX�<X�X`�C<C?�a�`j2C��<�`aXq%k�i?%

5678<*��#� ��)�#���������������,���������%

V�F����

V�F����#�F�,�c

N�������#�����������!(.�(!(�5678<*��%

Page 262: Язык javascript ч 2 1

0����� ��������������,!�$����.���.�������#��,�(�F����������� ������ ���72

/�����%

=����������������.���!������������.��� ����������.��g8�8@%�Q�, .��)��������

��������.�.��������/������%

&(�������!(.�(!(T

� )��������*(����(�

! ��)�� �������*(�����(�mGQ_S\JH�;NQ`MH�MFNY<2)��� ��

% ��)���

' ����)���jHWSR)����

# ����)���jSNIHT)����

����)���iF_)����

9 ��)����

& )����

N����, .��(�F������� ����������?4eu#������0@v#���.�.�.�0@v�����!�������������cnnd�

F�!���#�����������)��� ��������C���.������.���T

)��������*(� ��$�� ����������(��mGQ_S\JH�;NQ`MH�MFNY<2�)����

k��?4eu���!���!���������������$������� ���!���"���������������������*���

���� ����*������������������"�����,�4

)�� �������*(� ��$�� ����������(��mGQ_S\JH�;NQ`MH�MFNY<2�)��� ��

���$��A����$������������"�>����'������A"������������������ ������

���( ������$������#������������#�"�����'��-����g8�

V�F����#�F�,�s

*����������T

"� ���������=

"! ����� ����$�">

Page 263: Язык javascript ч 2 1

"% ��������������$�� ��>

"' ����� ����������$�!"��>

"# �����

" ��������� �$�� ��>

"9 ��B

"& ���

": ���������������=

�" ����� ����������$�� ��>

�� �������������$��&��>

�! ����������$�� ����>

�% �����

�' ����� �E������$���;� ��������<������������� ������>������

�# ��B

V��.!�����������!������� ������ ���� (�9���� �� �T

� ������ �����������=

! ����� �E������$���;� ��� �����<������������� ������>

% ��B

' ���

# �������� �������=

��������� �$��� �C>

9 ��B

U���!������ �������������%

V�F����#�F�,�[

V�F����T��B�A���?<]�AhCX�<X�X`�C<C?�a�`j<�`aXq%k�i?%

{1�.!���������(� �� ��.��|

�M

-��������.���9��� %�N�� ����.�)��(���9�������.��.������,��.!����%

Page 264: Язык javascript ч 2 1

V��(����T

P�.�(�F����!������.��.(���!� �2� �!�(T���!���� ���� �$��� ���������� ��+

E����� ��.(������B�A���?<]�AhCX�<X�X`�C<iXCC�jXC2C��<�`aXq%k�i?%

V�F����

e,!����!�F����

c% V��!���������!(.�(!(�5678<*��%�&��"���! ����.��.(� �(�!����9����%

s% '� ��� ���.��.�

[% &!�� ��������!�����.�

g% 1�!�����.��(���� ��������������.��.����(�������� ���� (�9� �/�����%

:G!��.�

E��!� ����5678<*��#������.��.������ ��()�����������9����%�P��.(�(�F���������

.�.����#���.�!���.��;2��(�����,����C ���%�=�������!� ���#������#��%.%� �������

�(����.�!���.��� ������$!�������.��.�#���$!�������)������� �*��%

V���)����.��.(���!� ���)���!����9��� ���� �$����������������#������

.��.��� ���� �$���� �����-������ �%�U�.�.�.�� ���� �$���� ���� ��������/���������

��.�#���.��.���)�����!�.!������.�����, .�%�z����/�,�����!��F#��)��

��� ���������������.���, .(%

Page 265: Язык javascript ч 2 1

&���"��������!���(9��� ����������� ���� �����!� ���������� ��� ��������(����

� ������ ��)��������������/������.��.�� �5678�������.���#����������,%

1�!�����.�

N���,#�������(�����.��.(����.��� ��!�#��)���� ��� ���@7o� ��G���� ��!�����������

.��.(��������u���%�'��.�)�(��.��.(��)��� �������!�����.%

V�F����

V�F������.������(�T��B�A���?<]�AhCX�<X�X`�C<iXCC�jXC<�`aXq%k�i?%

N�����.��/����� ���������()����.����� ��G�������(������5�������.�3�u������

$���!�"�� %�P��)�����#�/�������� ���� �����#����(��� � �IJ�K#L%�-���)��/���

�!�(��!�� �������()��#���,!����(�F��;���.����/��������!��

��9������?����� ������5�������.�,����u���%

{1�.!���������(� �� ��.��|

�M

'���F����3P�!(���4�;����(����!�)��� #�.�!(���)��������� � 2 �!� ���)������

�����!��.�%

:������ F���.��� ��)���,.���� ���������"��#����������.(����,!(�.(����!(,���

��)����%

:�/� ��������!��!���.��5678<*��2��!(.�(!������ �����nd�!�F����%

E����� ��.(����T��B�A���?<]�AhCX�<X�X`�C<���ABCX?2C��<�`aXq%k�i?

V�F����

5678<*��

Y��������!�)��� ��)��������$!�����.�.�����.#��,�����!��"���������������. �

G!��.�%

Page 266: Язык javascript ч 2 1

'()������� �����,���.#��������������� ���� #����.�! � ��F�� �0@v �!������

�()�(������������!���!�T

z��������.��������� ���/������������!������ ���#���(���� ���������$�::::��#���

/�������#��� ���� ���#��� ��$����%

'�������( ���a�C�?�@T�`?�`X

=����������������$���������������������������(������ ��)����3� ��

�(. 4%

:���������#��������()������ ���� �������� ��������$�� �C#������

�!��!���� ���������������� ���%

&!���!.!(�.��b8��� �,���������������������������T

�� ��F��,�0@v�$�.��! ������F�!���#��/��(�3�F���4����!�)������!�������%

H��!()��.F.�������������!�.���� ��F�� �.��� ��!%

V����( ���/�(���!(.�(!(#���.��� ��!�.!(�� � ����!�����.�#�.�!���

�������������������8���%

&���!�F����

V�F����T��B�A���?<]�AhCX�<X�X`�C<���ABCX?<�`aXq%k�i?

{1�.!���������(� �� ��.��|

Получение объекта события

Page 267: Язык javascript ч 2 1

�� 3��"#�����'G������'$��

�� N��IJO2

�� P!���!�(��!���!�F����

�� E�,

z�����!F��!�������������#��������������������#����/��3.�.4����3��)�����.� �F�4%�0,(������������������T�.!�������.(!�!�#� ��G��� ���� ����!(,��#� ��� ����������������%

=����������!�(��!������� ���� �3�r�.��������4#�.�.�!�(��)����!���������!�����.%

'�.�!���� �� ���r�.�������������������� �����CT

• �����������;�����������#�!� �������C%

• �����������;�/�����#���.�!�(�.�.�(�%�:�IJm�� �������,������(�����

� �� ��������5������%

• ����������������������������1�2�.!�������.(!�!�� �������.�.�#����������.��%

• kU�.)���������$!��"������#�.�. �.��. �����!�� �����.�.#����!(,���� �� �%�0��

!����!������ �����)�%

���$�������&8�������&(��"

:���� !���������!�(��!����!�������r�.�����������! ����!,(������ ��!�����.%

N���!���!�T

�������� �����C�*���������;����<�=

������;�������������<>����E^EF\JH�TSSW_HNQJc�TGHTQ

B>

N��IJO2

IJO2� �������!��������!����!���!�����.(�����G��,����� ��r�.������ �������%�1�!�����.�

�)����!��������.����(%

V�������/����.T

� ���SZWQZSJIHT�ZFa�QWRcMFNJSE

! �������� �����C�*���������;<�=

% ��������� ����������SZ�FTJ�\SZ^JHY

' ������;����� ����������������<>

# B>

P!���!�(��!���!�F����

��� �!������!�F���������(�������r�.���������T

� �������� �����C�*���������;�����<�=

! ��������*�������ss����� �������>����;+<

% �

' �����dFbFWK���������SZ�FTJ�\SZ^JHY�ES�E\Fh�ZWQcaFWQh�

# B>

Q����� ����!�(��!����!����(���!,(����2������������#���@5������������ �������#��� ���� ���� �

��!�.��;+<��(��������� ����#��������%

&!��������������!�����.�� �5678#��)������� ������!�����(�������#�/���(����.!��2�!�(��!�T

Page 268: Язык javascript ч 2 1

:����.��(����!������� � �����!�(��!��T

)����������*(���� �(� �����C*( ����Q���������R(������*(dHb�\SZ^JHY(�

7��������-��������" �#���'��"���$��������(���'��'��#���"������$���������

BC4������ �;<�=�����;����������<�B��������������������'"����������,��'��*��� ���

����*�$���������"���'��'��#�������$����,"������4������� �;�����<�=�����;����������<�B�

:��9�

• 1�r�.������������!)���"���(����$!��"�����������������%

• 1����!����������! ����!,(������������ ��!�����.���� �����!�(��! #�.!���IJm�#� �.�!���

�����(�����,���������!������������ �������%

P!��2�!�(��!���������������2�!�����.���(������r�.�����������.T

� �������� �����C�*���������;�����<�=

! ����������*�������ss����� �������>

% �

' �������dFbFWK���������SZ�FTJ�\SZ^JHY�ES�E\Fh�ZWQcaFWQh�

# B>

-9�� �!����T

� �������� �����C�*���������;�<�=

! ������*���ss������>����F\GH�NFJ�_WcRSp�ENFONFp�bFWFMFNNSp������

% �������

' B>

�M

H��� �����.#�����!��.�.�������������!���9������������.�.�%

1�.

!���� �� ��.��

Page 269: Язык javascript ч 2 1

U!�� ����T

• 0���������!�G����)������� ������"���!��! �����.(!�!���F�#�����/��

��)������ ��������.!� ���%

• e����"���������������#���)�������%

• 0����)�������� � ������(�,!���"���#���� �.����(������� �������������%

• &!���!.!(�.����!���"������,�����)��������%

V�F�����(�F�������� �� ��/����%

c% &�! � �/����2������� �,������� ��2 �!�����(,�����.(!�!���F�%

s% :�! �/����2������� �,������"���!������� �������! �!.�����.!� ���%

P������)����� ��������.�.!������!����! ����������%

U�.(9� �5678<*���������������#��)���F��3(.!�F���4�>�����"��D%

E����� ��.(����T��B�A���?<]�AhCX�<aAi<]�??2iA�X2C��<�`aXq%k�i?%

V�F����

0������.(!�!���F�

1�� �����)�������! ,�/�����;��� ��(����������.(!�!#��%.%�.!�������

.�.������������1�;����������.��#���.!������������������ ���()����� ����

���������� ,2 �!���,� �(�!����,�(,����%

z�����!� ���� ��������.!�����������#��()���(�����.!�������(,������� ������

��������������1T

"� ��������*�� ���������5������.�@�;A�����A<>

"! �������*�� ���������5������.�@�;A����A<>

"% �

"' ������ �����C�*���������;�<�=

"# �

" �� �������, ���*���������. �����,�����q���;<>

"9 �� �������@���, ���*�=

"& ����� �$������, ���� ��-�������������3 �f

": ��������$������, ��������-�������������8���

�" ��B>

�� �

�! ������������������*������������������@���, ��������-�A��A>

�% �������������� ��*���������1��������@���, ���� ��-�A��A>

�' �

�# B>

Page 270: Язык javascript ч 2 1

V��(����T

1�.!���� �

� ��.���1�.!���� �������"�

:��!���!�� �F��$�����������!����.!�F��� ���!� �" ��#��������� ���#����/������

���"���!(����� �!�%

&�!�( ������F������%

N���� F���!�F����

0����()���� ��(������� ��(��,�F�!������ ���������������������������6����#�����

��.������"���!�����.(!�!�%�P����#��()�������/���F�!������ ����������� �����#�

�%�%�.�!���.�����()��������,!()���#����!����!����������!)����� ��.(�����<*��%

P�#�.�!� �/�����������! �!�������!����!�#� ���� ����� �����!�F����T

1�.!���� �

� ��.���1�.!���� �������"�

e����"������������ ���� ��,����.�.������!�.����*��#��������(����!������� �IJmcn%

{1�.!���������(� �� ��.��|