1
play

1 Adding client-side scripting JavaScript - PDF document

Previously !"#$% &


  1. Previously � ������������ !����������"#$% � ��&��������������������� ��������������������������� � '&��!������ !����������("( ���������� � )������� ���������*�+��!� � )��*����&,������� � -������*����& � -�&�. �������/ �������������������� The Project Examples/Ideas � 0� ���� ����������������*&�����& � $���+����� � 1&�# ����&,��������&� ���� ��� � ����344���5!���+�����5��!4 ���� � ����344���566�5���4��4�������*4+����4! ���+�����7��5��+ � '���������� � '�����! � ����+��!�� � ��������������!�������� ��# ����&� ��*�2 This week Previously � 89��������� ����*�����:�� � ����������� -�������!����������� ����*������ 1

  2. Adding client-side scripting JavaScript � ���������������� ���������������������� �������� � 89�� ����*&�*������ � ���;���������������������������<����� �� ����= � ���;�� �������� ��������������("( � ���;����������������+�����&���! What JavaScript can do Including JavaScript � (��+��!���!������!� ������ � ����*������ ����������� � $���,������������������,����5 � )���>������?�������������>����? � �������������������� � -���������!����"#$%����!���� � ����*����������������9�������+��� � ���������9�������!������������ � �������56� +���������������������� � ������������*������ � )���>������?������������>����?�������: � ����������������� � ������������ Embedding JS in a page Linking to a JS file >��!�? >��!�? >����? >����? >�����?�����������#���>4�����? >�����?�����������#���>4�����? >��������&��@A��9�46���������A� >��������&��@A��9�46���������A? ���@A��*���&56�A4?>4������? ��� !�� @�A"������&*��&BAC >4����? �����<!��=C >*��&?�>B�� *��&�������������? >4*��&? >4������? >4��!�? >4����? >*��&? �������������� >B�� *��&�������������? ��� !�� @�A"������&*��&BAC >4*��&? �����<!��=C >4��!�? 2

  3. Statements � �����!������������!������������ ��!������ JavaScript language basics ��� ������@�A"������&*��&AC ��� � !�@���D�EC Variables Types � � !*�� � F����*�����!��� ����� �����������G � 1�����������������+����� � '������������*������!��������("( � ������ � !�@���D�EC � ������������ *���. ������I ��!��@�H��!AC � 8����������������3�J�,�J�,�JA � )�������� *�+�����������*�����!�� ��������������*�������� � 1������ ��� ����@��EC More on types Displaying output � #&����������� ������+ ��������&���9 � #������ !���5�����<= + ������� ��������������� !����������������� ��� !���5�����<AEA�D�E=C 44�EE ��� !���5�����< ����������� D�E=C 44� K� ��� !���5������<A"����,�A�D���!��D�ABA=C � ������������������������� �����D,� � #��������<= + �������������������� ����5 ��� !������������� �������� ��� !���5�����<��D�A��� ��A�D�*�D�A�@�A� D�<�D*==C �����<A"����,�A�D���!��D�ABA=C 3

  4. Arrays More about arrays � -���������������&� � ��!��������("(,���!���&���9���++������� ��� N������@�����-���&<=C N�����LA��� �AM�@�A%��AC ��� �����@�����-���&<=C�44����������������& �����<N�����LA��� �AM=C 44�A%��A ����L�M�@�A*������AC�44������������9�� �����<����L�M=C�44��������!3�A*������A � ��������������������� ����5� ��<A������A=C�44� ���� ������������ ��� ����������@�����-���&<A*����A,�A!��:A,�A������A=C ��N��@�����5������C�44���N���+�����&3�� ����5����<=C�44���������������!����� � %�������� ����������& ����L�M�@�EC�44�����&������*���+�!�9����&�� +���<���!�������������=�O 44�����LA������A,�A*������A,�EM ��� !���5�����<���!�D�A>*�4?A=C�44�������� �������!� P Loops Conditionals � �������������("( � )���� ������� ,����������+ �+�<������?��K=�O +���<��� ��@��C���>���C��DD=�O �����<A&� �* ��B=C ��� !���5�����<��D�A>*�4?J�A=C P P ������+�<������>����QQ�������?@�K2=�O �����<A�����BA=C ������<��+����@@A�����!�A=�O P ��!�#������<=C �����O P �����<A"��BA=C P Functions Objects � �������������*6������������������ � �����&��������������("( � )���+ ��������&���9 + ��������� ����<��!�,���=�O + ������������<*���,��9������=�O ����5��!��@���!�C ��� ������@�KC ����5���@���C +���<��� ��@��C���>��9������C��DD=�O P ������@�������R�*���C � )�����������������������������! P ��� *���&�@������� ����<A1���&A,�K��=C ��� ��������C ������<*���&5��=C�44�K�� P 4

Recommend


More recommend