-RXIVRIX[[[LIVHX]SYHIEXGL [[[LIVHXFYWMRIWWHIEXGL [[[LIVHXZLWHIEX

Transkript

1 .%:7 %YXSVIR1EXXLMEW7GLQELP,IMOS7GLVÔHIV -RLEPXPMGLIW0IOXSVEX(MVO*VMWGLEPS[WOM %YJPEKIZSQ2SZIQFIV F],)6(8:IVPEKJÚV&MPHYRKWQIHMIR+QF, &SHIRLIMQ -RXIVRIX[[[LIVHX]SYHIEXGL [[[LIVHXFYWMRIWWHIEXGL [[[LIVHXZLWHIEX %PPI 6IGLXI ZSVFILEPXIR /IMR 8IMP HIW ;IVOIW HEVJ MR MVKIRHIMRIV*SVQ(VYGO*SXSOSTMI1MGVSJMPQSHIVIMRIQ ERHIVIR :IVJELVIR SLRI WGLVMJXPMGLI +IRILQMKYRK HIW,IVEYWKIFIVW VITVSHY^MIVX SHIV YRXIV :IV[IRHYRK IPIOXVSRMWGLIV 7]WXIQI ZIVEVFIMXIX ZIVZMIPJÂPXMKX SHIV ZIVFVIMXIX[IVHIR (MIWI 9RXIVPEKI [YVHI QMX KVS½IV 7SVKJEPX IVWXIPPX YRH KITVÚJX 8VSX^HIQ OÔRRIR *ILPIV RMGLX ZSPPOSQQIR EYW KIWGLPSWWIR [IVHIR :IVPEK,IVEYWKIFIV YRH %YXSVIR OÔRRIRJÚVJILPIVLEJXI%RKEFIRYRHHIVIR*SPKIR[IHIV IMRI NYVMWXMWGLI :IVERX[SVXYRK RSGL MVKIRHIMRI,EJXYRK ÚFIVRILQIR (MI &MPHYRKWQIHMIR HIW,)6(8:IVPEKW IRXLEPXIR 0MROW F^[ :IV[IMWI EYJ -RXIVRIXWIMXIR ERHIVIV %RFMIXIV %YJ -RLEPX YRH +IWXEPXYRK HMIWIV %RKIFSXI LEX HIV,)6(8 :IVPEK OIMRIVPIM )MRJPYWW,MIVJÚV WMRH EPPIMRI HMI NI[IM PMKIR%RFMIXIVZIVERX[SVXPMGL *AVA3CRIPT +VYRHPEKIR Ã Ã Ã.%:7

2 INHALTSVERZEICHNIS 1 Arbeiten mit dieser Unterlage Was Sie wissen sollten Verwendete Programme HTML-Grundlagen HTML, die Sprache im Web Verwendung von Tags HTML-Grundgerüst Sonderzeichen Formatierungen Absätze, ÜberschriftenÃund Zeilenumbrüche Zeichenformatierung Attribute und Werte Farben Kommentare Listen Auflistung Nummerierte Aufzählung Definitionslisten Hyperlinks Seitenformatierung und -aufteilung Tabellen dienen der Übersichtlichkeit Seitenaufteilung mit Frames Grafiken einbinden Formulare zur Dateneingabe Formulardefinition Einzeilige Eingabefelder Mehrzeilige Eingabefelder Auswahllisten Kontrollfelder Optionsfelder Grafische Schaltflächen Übung Einführung in JavaScript Entstehung von JavaScript Eigenschaften von JavaScript JavaScript-Versionen JavaScript, JScript, VBScript und Java JavaScript im Browser aktivieren JavaScript-Aktivierung im Browser testen Interessante Webseiten Übung Grundlegende Sprachelemente JavaScript in HTML verwenden JavaScript einbinden JavaScript für nicht scriptfähige Browser Ausführungsreihenfolge Allgemeine Notationsregeln Anweisungen Kommentare Reservierte Wörter Bezeichner JavaScript Grundlagen 4.5 Variablen Konstanten Datentypen Zahlen Zeichenketten Boolesche Werte (Wahrheitswerte) Objekte Operatoren Arithmetische Operatoren Vergleichsoperatoren Verknüpfungsoperator Logische Operatoren Bit-Operatoren Zuweisungsoperatoren Andere Operatoren Rangfolge der Operatoren Übung Kontrollstrukturen Steuerung des Programmablaufs Anweisungsblock Auswahl if-anweisung Verschachtelte if-anweisungen if-else-anweisung Mehrstufige if-else-anweisungen Mehrseitige Bedingung Wiederholung Zählergesteuerte Wiederholung Kopfgesteuerte Wiederholung Fußgesteuerte Wiederholung Schleifensteuerung Übung Funktionen Grundlagen Lokale und globale Variablen Vordefinierte Funktionen in JavaScript Debuggen von Funktionen Netscape JavaScript-Konsole Venkman-Debugger Fehlermeldungen im Internet Explorer Typische Fehler: Zuweisung oder Vergleich? Typische Fehler: groß oder klein? Übung Objekte Grundlagen Erstellen der Objektdefinition über eine Konstruktor-Funktion Erstellen der Objektdefinition über einen Objektinitialisierer Eigenschaften Methoden Anweisungen und Operatoren für Objekte Übung

3 Inhaltsverzeichnis 8 Vordefinierte Objekte Grundlagen Objekt String für Zeichenketten Objekt Math für mathematische Berechnungen Mathematische Konstanten Mathematische Funktionen Objekt Number für Zahlen Objekt Array für Variablenlisten Objekt Date für Zeitangaben Objekt RegExp für reguläre Ausdrücke Aufbau eines regulären Ausdrucks Instanzen aus regulären Ausdrücken erzeugen Metazeichen Methoden Eigenschaften von RegExp Reguläre Ausdrücke im String- Objekt Übung Objektmodell Grundlagen Objekt navigator Objekt window Statusanzeige Vorheriges Dokument aufrufen Fenster öffnen und schließen Zeitgeber verwenden Interaktionen Objekt screen Objekt document Eigenschaften HTML-Elemente als Objekte von document Objekt history Objekt location Objekt frames Objekt event Netscape Navigator Internet Explorer Maustasten überwachen ASCII-Codes betätigter Tasten ausgeben Übung Zugriff auf HTML-Dokumente Grundlagen Unterobjekt anchors Unterobjekt applets Unterobjekt forms Formular Eingabefelder Kontroll- und Optionsfelder Auswahllisten Versteckte Felder Schaltflächen Eingabefelder überprüfen Verschiedene Formulare Unterobjekt images Unterobjekt links Übung Event-Handler Grundlagen Auf Ereignisse reagieren Eine Webseite laden und verlassen Ereignisse bei Grafiken, Links und Ankern Ereignisse im Formular Event-Handler onclick Formulareingaben testen javascript: Übung Cookies Grundlagen Cookies setzen Inhalt eines Cookies Cookies auslesen Cookies löschen Verfallsdatum angeben Übung Komplexe Techniken Einführung JavaScript und Shockwave/Flash Flash in eine Webseite einbinden JavaScript steuert Shockwave/Flash Shockwave steuert JavaScript DOM - Document Object Model Beispielanwendungen Würfel mit grafischer Ausgabe Zwei Frames gleichzeitig ändern Erzeugen eines Lauflichts Nachrichtenticker Memory-Spiel Anhang Schnellreferenz Übersichten der Objektmodelle Informationen im Internet Glossar Stichwortverzeichnis I

4 3 JavaScript Grundlagen 3 Einführung in JavaScript,QGLHVHP.DSLWHOHUIDKUHQ6LH Æ ZDVYRQ-DYDXQWHUVFKHLGHW Æ ZLHLQWHUSUHWLHUWZLUG Æ ZHOFKH%URZVHULQWHUSUHWLHUHQN QQHQ 9RUDXVVHW]XQJHQ 9 +70/.HQQWQLVVH 3.1 Entstehung von JavaScript 'LH6SUDFKHZXUGHYRQGHU)LUPD1HWVFDSHLQV/HEHQJHUXIHQ8QWHUGHP1DPHQ/LYH6FULSW HQWZLFNHOWZXUGHVLHLP1HWVFDSH1DYLJDWRUHUVWPDOVDOVEH]HLFKQHW%LVKHXWHOLHJHQGLH5HFKWH GHU6SUDFKHEHL1HWVFDSH,P=XJHGHU6WDQGDUGLVLHUXQJYRQDUEHLWHW1HWVFDSHPLWGHU (&0$ (XURSHDQ &RPSXWHU 0DQXIDFWXUHV $VVRFLDWLRQ ]XVDPPHQ 'LH GDUDXV UHVXOWLHUHQGH 6SH]LILNDWLRQ ZXUGH(&0$PLWZHLWHUHQ8QWHUYHUVLRQHQ(GLWLRQHQEHQDQQW 3.2 Eigenschaften von JavaScript ZXUGH HQWZLFNHOW XP GLH VWDWLVFKHQ,QKDOWH YRQ :HEVHLWHQ PLW G\QDPLVFKHQ,QKDOWHQ XQG,QWHUDNWLRQHQ]X HUZHLWHUQ 'LHV VROOWH OHW]WHQGOLFK GD]X GLHQHQ:HEVHLWHQ DWWUDNWLYHU]X JHVWDOWHQ XQG GHQ 1XW]HUQ HLQH YHUEHVVHUWH )XQNWLRQDOLWlW ]X ELHWHQ ZLUG ]% I U GLH IROJHQGHQ $QZHQGXQJVIlOOH JHQXW]W ; %HYRU6LHGLH,QKDOWHYRQ)RUPXODUHQDEVFKLFNHQN QQHQ6LH EHUGLHNRUUHNWH(LQJDEHGHU 'DWHQVLFKHUVWHOOHQ6RN QQHQ6LHEHLVSLHOVZHLVHSU IHQREHLQH3RVWOHLW]DKOQXUDXV=DKOHQXQGLP )DOOHYRQ'HXWVFKODQGDXVJHQDXI QI=LIIHUQEHVWHKW'LHVH3U IXQJHUIROJWRKQH.RPPXQLNDWLRQPLW GHP :HEVHUYHU 'LHVHU ZLUG GDGXUFK HQWODVWHW XQG GHU %HQXW]HU ZLUG VFKQHOOHU DXI )HKOHU KLQJH ZLHVHQ ; 'XUFKGLH9HUZHQGXQJYRQ6FKDOWIOlFKHQ(LQJDEHIHOGHUQXQGDQGHUHQ)RUPXODUHOHPHQWHQN QQHQ6LH NOHLQH $QZHQGXQJHQ HQWZLFNHOQ ]% 7DVFKHQUHFKQHU RGHU :lkuxqjvxpuhfkqhu GLH LQQHUKDOE HLQHU :HEVHLWHGLUHNWEHLP1XW]HUDXVJHI KUWZHUGHQ ; (V LVW GLH 'DUVWHOOXQJ YRQ G\QDPLVFKHQ,QKDOWHQ P JOLFK RKQH GDVV GD]X VSH]LHOOH 6NULSWV DXI GHP :HEVHUYHU QRWZHQGLJ VLQG 6R N QQHQ 6LH EHLVSLHOVZHLVH QDFK GHU (LQJDEH YRQ 0HVVGDWHQ HLQ 'LD JUDPP DQ]HLJHQ RGHU MH QDFK HLQJHJHEHQHQ :HUWHQ G\QDPLVFK ZHLWHUH )RUPXODUHOHPHQWH DQ]HLJHQ E]ZYHUEHUJHQ LVW HLQH YROOZHUWLJH 3URJUDPPLHUVSUDFKH LP *HJHQVDW] ]X +70/ ZHOFKHV HLQH $XV]HLFKQXQJV VSUDFKHLVW'DPLW2EMHNWHQDUEHLWHWZLUGDXFKYRQHLQHUREMHNWEDVLHUWHQRGHUREMHNWRULHQWLHUWHQ 6SUDFKHJHVSURFKHQ'LH9HUZHQGXQJYRQLVWLP*HJHQVDW]]XDQGHUHQ3URJUDPPLHUVSUDFKHQHLQ IDFKHU]XHUOHUQHQGDVLHZHQLJHU6SUDFKHOHPHQWHEHVLW]W'HQQRFKQLPPWGLH(LQDUEHLWXQJHLQLJH=HLWLQ$Q VSUXFKGD6LHQLFKWQXUGLH6SUDFKHVRQGHUQDXFKGDV(LQVDW]JHELHW=XJULIIDXI+70/(OHPHQWHXQGGHUHQ (LJHQVFKDIWHQNHQQHQOHUQHQP VVHQ NDQQLP%URZVHUFOLHQWVHLWLJEHLP.XQGHQXQGLQHLQLJHQ:HEVHUYHUQVHUYHUVHLWLJHLQJHVHW]W ZHUGHQ 'LHVH 8QWHUVFKHLGXQJ LVW I U GHQ %HQXW]HU HLQHU :HEVHLWH QLFKW UHOHYDQW GD HU EHLP 8PJDQJ PLW $QZHQGXQJHQQXUPLWFOLHQWVHLWLJHPLQ%HU KUXQJNRPPWZLUGKHXW]XWDJH EHUZLHJHQGLP%URZVHUJHQXW]W

5 Einführung in JavaScript 3 'LH,PSOHPHQWLHUXQJYRQHUIROJWFOLHQWVHLWLJGLUHNWLP%URZVHU$QZHQGXQJHQN QQHQ QLFKWDX HUKDOEHLQHV%URZVHUVDXVJHI KUWZHUGHQ'D%URZVHUXQWHUYHUVFKLHGHQHQ%HWULHEVV\VWHPHQ]XP (LQVDW]NRPPHQZLUGDXFKDOVSODWWIRUP EHUJUHLIHQGH6SUDFKHEH]HLFKQHW'HU9RUWHLOI U6LHLVW GDEHL GDVV HLQ 3URJUDPP WKHRUHWLVFK XQWHU YHUVFKLHGHQHQ %URZVHUQ XQG %HWULHEVV\VWHPHQ JOHL FKHUPD HQ OlXIW 'LHV LVW DXIJUXQG GHU XQWHUVFKLHGOLFKHQ 9HUVLRQHQ XQG,PSOHPHQWLHUXQJHQ LP %URZVHUDOOHUGLQJVQXUI UHLQIDFKH3URJUDPPHGHU)DOO 'HU VHUYHUVHLWLJH (LQVDW] YRQ KDW DXIJUXQG SRSXOlUHU 6HUYHU6NULSWVSUDFKHQ ZLH 3+3 3HUO $63 $FWLYH6HUYHU3DJHVXQG-63-DYD6HUYHU3DJHVDQ%HGHXWXQJYHUORUHQ *XWH +70/.HQQWQLVVH VLQG ]XP (UOHUQHQ YRQ 9RUDXVVHW]XQJ GD 6LH PLW DXI +70/ (OHPHQWH]XJUHLIHQE]Z+70/&RGHHU]HXJHQ'HU&RGHZLUGGD]XLQGDV+70/'RNXPHQWHLQJH I JWRGHU EHUHLQHVHSDUDWH'DWHLHLQJHEXQGHQ'DGHU&RGHVLFKLQHLQHPI U0HQVFKHQOHVEDUHQ =XVWDQGEHILQGHWPXVVHUYRP%URZVHUHUVWLQWHUSUHWLHUWZHUGHQ3U IXQJGHU* OWLJNHLWhEHUVHW]XQJ$XV I KUXQJ ZLUG LQ GHQ 4XHOOWH[W HLQHV +70/'RNXPHQWV HLQJHEXQGHQ XQG JHVRQGHUW JHNHQQ]HLFKQHW 'LH (LQELQGXQJ HUIROJW EHU GHQ 7DJ <script> GHU PLW HLQHP (QGH7DJ DEJHVFKORVVHQ ZHUGHQ PXVV %HL GHU 'DUVWHOOXQJGHV+70/'RNXPHQWVNDQQGHU%URZVHUGLHUHOHYDQWHQ6WHOOHQ]ZLVFKHQGHQEHLGHQ<script> 7DJVDOVLGHQWLIL]LHUHQXQGVLHHQWVSUHFKHQGYHUDUEHLWHQ%URZVHUGLHNHLQYHUVWHKHQ LJQRULHUHQGLHVH$QZHLVXQJHQ <script type="text/javascript">  </script> Sicherheit 'DV $XVI KUHQ YRQ &RGH NDQQ YRP $QZHQGHU LQ GHQ (LQVWHOOXQJHQ GHV %URZVHUV GHDNWLYLHUW ZHUGHQ9LHOH%HQXW]HUVFKDOWHQDXV6LFKHUKHLWVJU QGHQDXV$OOHUGLQJVHQWVWHKHQGLH6LFKHUKHLWV O FNHQ QLFKW GXUFK GLH 9HUZHQGXQJ YRQ VRQGHUQ GXUFK GLH IHKOHUKDIWHQ,PSOHPHQWLHUXQJHQ GHU %URZVHU(VZHUGHQLPPHUZLHGHU6LFKHUKHLWVO FNHQLQGHQ%URZVHUQEHNDQQWGLHEHLGHU,PSOHPHQWLHUXQJ YRQ EHUVHKHQ ZXUGHQ XQG GLH YRQ YHUVLHUWHQ 3URJUDPPLHUHUQ EHU VSH]LHOOH 6NULSWV DXVJHQXW]W ZHUGHQN QQHQ6RZXUGHQVFKRQXQEHPHUNW(0DLOV EHUGHQ%URZVHUYHUVHQGHWGHU%URZVHUYHUODXIZXUGH DXVJHOHVHQXQGYHUVHQGHWXQG/LYH9HUIROJXQJHQYRQ,QWHUQHWVLW]XQJHQZXUGHQGXUFKJHI KUW 'LH6LFKHUKHLWGHU$QZHQGXQJHQLVWMHGRFKQLFKWQLHGULJHUDOVGLH,KUHV%HWULHEVV\VWHPVRGHUGLH GHV%URZVHUV$QZHQGXQJHQODXIHQLP%URZVHULQHLQHUDEJHULHJHOWHQ8PJHEXQJDELQHLQHUVR JHQDQQWHQ6DQGER[6LHN QQHQQLFKWDXI'DWHLHQGHVORNDOHQ5HFKQHUV]XJUHLIHQXQGDXFKNHLQH%HQXW]HU GDWHQDEIUDJHQGLHQLFKWDXFK EHUGHQ%URZVHU EHUPLWWHOWZHUGHQN QQHQ %HDFKWHQ6LHGDVVGHU,QWHUQHW([SORUHULQVHLQHQ2SWLRQHQQLFKWGLH$NWLYLHUXQJYRQVRQGHUQGHV XPIDVVHQGHUHQ $FWLYH 6FULSWLQJ HUODXEW 0LW $FWLYH 6FULSWLQJ LVW GHU =XJULII DXI YLHOH 7HLOH GHV :LQGRZV %HWULHEVV\VWHPVP JOLFKZDVZLHGHUXPHLQ6LFKHUKHLWVULVLNRGDUVWHOOW Notizen

6 3 JavaScript Grundlagen 3.3 JavaScript-Versionen 'LH6SUDFKHZLUGVWlQGLJHUZHLWHUWXQGYHUEHVVHUW'LHMHZHLOLJHQ9HUVLRQHQZHUGHQPLWHLQHUIRUW ODXIHQGHQ 1XPPHULHUXQJ JHNHQQ]HLFKQHW 0 FKWHQ 6LH VSH]LHOOH )XQNWLRQHQ QXW]HQ N QQHQ 6LH GLHMHZHLOLJH9HUVLRQLP<script>7DJDQJHEHQ <script language="javascript1.4"> Ihre JavaScript-Anweisungen </script> 'DGXUFKNDQQGHU%URZVHU GLHLQLKPLPSOHPHQWLHUWH9HUVLRQPLWGHUYHUZHQGHWHQ 9HUVLRQYHUJOHLFKHQ%H VLW]WHUHLQHQLHGULJHUH9HUVLRQVQXPPHUZLUGGHUHQWVSUHFKHQGH&RGHQLFKWDXVJHI KUW9HUZHQ GHQ 6LH VWDWWGHVVHQ $QZHLVXQJHQ XQG )XQNWLRQHQ GLH QRFK QLFKW LQ GHU LP %URZVHU LPSOHPHQWLHUWHQ 9HUVLRQYRUKDQGHQVLQGXQGJHEHQ6LHNHLQH9HUVLRQVQXPPHUDQHUKDOWHQ6LH EHUGHQ%URZVHU HLQHHQWVSUHFKHQGH)HKOHUPHOGXQJ 1HEHQGHU9HUVLRQVQXPPHUVSLHOHQGLH,PSOHPHQWLHUXQJHQEHLGHQ%URZVHU+HUVWHOOHUQHLQHZLFK WLJH5ROOH1LFKWDOOH9HUVLRQHQVLQGLQGHQMHZHLOVJlQJLJHQ%URZVHUQYROOVWlQGLJLPSOHPHQWLHUW,Q GHU3UD[LVKHL WGDVGDVV6LH,KUH$QZHQGXQJHQLQPHKUHUHQ%URZVHUQYHUVFKLHGHQHU9HUVLRQHQ XQWHU YHUVFKLHGHQHQ %HWULHEVV\VWHPHQ WHVWHQ P VVHQ 'LH %URZVHULPSOHPHQWLHUXQJHQ VLQG DXFK LQQHUKDOE HLQHU9HUVLRQVQXPPHULQYHUVFKLHGHQHQ%HWULHEVV\VWHPHQXQWHUVFKLHGOLFK $XIJUXQG GHU 7DWVDFKH GDVV ODQJH QLFKW VWDQGDUGLVLHUW ZDU HUVW GXUFK GLH (&0$6SH]LILNDWLRQ ZXUGH HLQ DQHUNDQQWHU 6WDQGDUG JHVFKDIIHQ HQWVWDQGHQ XQWHUVFKLHGOLFKH,QWHUSUHWDWLRQHQ GLH 6LH EHL GHU 3URJUDPPLHUXQJEHDFKWHQP VVHQ (WZDGHU,QWHUQHWEHVXFKHUQXW]HQGLH%URZVHU0LFURVRIW,QWHUQHW([SORUHU1HWVFDSH1DYLJDWRU0R]LOOD XQG2SHUD$OOHJlQJLJHQJUDILVFKHQ%URZVHUN QQHQLQWHUSUHWLHUHQ6LHYHUI JHQGD]X EHUHLQH VSH]LHOOH,QWHUSUHWHU6RIWZDUH1XW]HQ6LHGLHVH,QIRUPDWLRQXP,KUH$QZHQGXQJHQKDXSWVlFKOLFK I UGLHVH%URZVHU]XRSWLPLHUHQ 'LH)LUPD:HEKLWV LVW HLQ EHNDQQWHU GHXWVFKHU $QELHWHU YRQ =XJULIIV]lKOHUQ 0LW GLHVHQ =lkohuq ZHUGHQ GLH 3URJUDPPHLQVWHOOXQJHQEHLGHQ%HVXFKHUQHLQHU:HEVHLWHHUPLWWHOW6RVWHOOWGLH)LUPDXQWHUGHU$GUHVVH KWWSZZZZHEKLWVGHGHXWVFKZHEVWDWVKWPO HLQH DNWXHOOH $XVZHUWXQJ YHUVFKLHGHQHU 1XW]HUGDWHQ EHUHLW 6RLVW]%DEOHVEDUGDVVGHU=XJULIIHDXIGLH:HEVHLWHQPLWHLQHP:HEKLWV=lKOHU EHUGHQ,QWHUQHW ([SORUHU HUIROJHQ8QWHUGHP/LQN-$9$6&5,37 N QQHQ 6LH DEUXIHQ ZHOFKH 9HUVLRQ EHUZLHJHQG YRQ GHQ %URZVHUQLQWHUSUHWLHUWZLUG Microsoft Internet Explorer 6.0 Netscape Navigator 7.1 'LH HLQ]HOQHQ %URZVHU9HUVLRQHQ NRPPHQ XQWHUVFKLHGOLFK JXW PLW GHQ YHUVFKLHGHQHQ 9HUVLRQHQ ]XUHFKW9RUUHLWHULVWKLHUEHLGHU1HWVFDSH1DYLJDWRU'LHXQWHUVFKLHGOLFKHQ9HUVLRQHQZHUGHQDE GHQDQJHJHEHQHQ%URZVHU9HUVLRQHQXQWHUVW W]W

7 Einführung in JavaScript 3 1HWVFDSH,QWHUQHW([SORUHU 1HWVFDSH,QWHUQHW([SORUHU 1HWVFDSH,QWHUQHW([SORUHUWHLOZHLVH 1HWVFDSH $E,QWHUQHW([SORUHU 2SHUD Das DOM $E1HWVFDSH 'LH%URZVHUXQWHUVFKHLGHQVLFKQLFKWQXUGXUFKGLHXQWHUVW W]WH9HUVLRQVRQGHUQDXFKLP=XJULII DXIGLH+70/(OHPHQWH6RJLEWHVVHKUXQWHUVFKLHGOLFKH9RUJHKHQVZHLVHQYRQ1HWVFDSHXQG0LFURVRIW9RP :&ZXUGHGHVKDOEGDV'20'RFXPHQW2EMHFW0RGHOHQWZLFNHOWGDVHLQHQVWDQGDUGLVLHUWHQ=XJULIIDXIGLH (OHPHQWHHLQHV'RNXPHQWVYRUVLHKWYJOKWWSZZZZRUJ' JavaScript, JScript, VBScript und Java 'D1HWVFDSHGLH5HFKWHDP1DPHQEHVLW]WXQGHV]X%HJLQQNHLQH6WDQGDUGLVLHUXQJJDEHQWZL FNHOWH0LFURVRIWHLQHHLJHQH6NULSWVSUDFKHPLWGHP1DPHQ-6FULSW6LHZXUGH]XQlFKVWLP,QWHUQHW([SORUHU LQWHJULHUW XQG QlKHUWH VLFK LQ QHXHUHQ %URZVHUYHUVLRQHQ LPPHU PHKU GHQ DNWXHOOHQ,PSOHPHQWLH UXQJHQ DQ -6FULSW EDVLHUW DXI GHU (&0$6SH]LILNDWLRQ $OOHUGLQJV HQWKlOW -6FULSW ]DKOUHLFKH (UZHLWHUXQJHQ LQVEHVRQGHUHGLH0 JOLFKNHLWDXI'DWHLHQ]X]XJUHLIHQ%HNDQQWLVW-6FULSWDXFKXQWHUGHP1DPHQ:LQGRZV 6FULSWLQJ+RVW]XU6WHXHUXQJ]DKOUHLFKHU)XQNWLRQHQGHV:LQGRZV%HWULHEVV\VWHPV 9%6FULSW 9LVXDO %DVLF 6FULSW LVW HEHQIDOOV HLQH 6NULSWVSUDFKH GLH QRUPDOHUZHLVH LQ GHQ 0LFURVRIW 2IILFH 3URGXNWHQ]XP(LQVDW] NRPPW XQG DXI GHU 6SUDFKH 9LVXDO%DVLF EDVLHUW 6LH ZLUG]XU(QWZLFNOXQJ YRQ $Q ZHQGXQJHQ JHQXW]W GLH GLH $UEHLW PLW 0LFURVRIW3URGXNWHQ HUOHLFKWHUQ VROOHQ 'HU =XVDPPHQKDQJ ]X XQG-6FULSWEHVWHKWGDULQGDVVDXFK9%6FULSWLQWHUSUHWLHUWZLUGXQGVHKUlKQOLFKLQGHU6\QWD[GHU 6SUDFKHLVW'HU,QWHUQHW([SORUHUDN]HSWLHUWDX HUGHP9%6FULSWDOVZHLWHUH6NULSWVSUDFKH +lxilj NRPPW HV DXI *UXQG GHU bkqolfknhlw GHU 1DPHQ XQG -DYD ]X 9HUZHFKVOXQJHQ 'D EHLVHLQHU(QWVWHKXQJJHPHLQVDPPLWGHU)LUPD6XQYRUJHVWHOOWZXUGHGLHGHQ1DPHQ-DYDJH VFK W]W KDWWH HQWVWDQG GHU 1DPH 'LH *HPHLQVDPNHLWHQ ]ZLVFKHQ GHQ 6SUDFKHQ -DYD XQG VLQGMHGRFKQLFKWJU HUDOV]ZLVFKHQDQGHUHQ6SUDFKHQ%HLGHZHUGHQDOOHUGLQJVPLWGHU3URJUDP PLHUXQJYRQSODWWIRUP EHUJUHLIHQGHQ,QWHUQHW$QZHQGXQJHQDVVR]LLHUW:lKUHQGGLHVLP)DOOHYRQ GHU HLQ]LJH $QZHQGXQJVIDOO LVW N QQHQ 6LH PLW -DYD EHOLHELJH $QZHQGXQJHQ HQWZLFNHOQ YRP HLQIDFKHQ 7H[WHGLWRUELVKLQ]XXQWHUQHKPHQVZHLWHQ*HVFKlIWVDQZHQGXQJHQ Notizen

8 3 JavaScript Grundlagen 3.5 JavaScript im Browser aktivieren Internet Explorer 6.0 6WDUWHQ6LHGHQ,QWHUQHW([SORUHU :lkohq6lhghq0hq SXQNW(;75$6,17(51(7237,21(1 :HFKVHOQ6LHLQGDV5HJLVWHU6,&+(5+(,7 6HOHNWLHUHQ6LHGDV6\PERO,17(51(7 %HWlWLJHQ 6LH GLH 6FKDOWIOlFKH 678)( $13$66(1 (V IIQHW VLFK GDV )HQVWHU 6,&+(5+(,76 (,167(//81*(1 6FUROOHQ6LHPLWGHU%LOGODXIOHLVWHELV]XGHU*UXSSH6&5,37,1* 0DUNLHUHQ6LHLPGDUXQWHUEHILQGOLFKHQ(LQWUDJ$&7,9(6&5,37,1*GLH2SWLRQ$.7,9,(5(1 %HVWlWLJHQ6LH,KUH(LQJDEHQPLW2. /HJHQ6LHGLHJOHLFKHQ(LQVWHOOXQJHQJHJHEHQHQIDOOVDXFKI UGDVORNDOH,QWUDQHWIHVWZHQQ6LH+70/'RNX PHQWHPLW,QKDOWHQGDU EHUODGHQ]%YRQHLQHP1HW]ODXIZHUN Netscape Navigator 7.1 6WDUWHQ6LHGHQ1HWVFDSH1DYLJDWRU :lkohq6lhghq0hq SXQNW%($5%(,7(1(,167(//81*(1.OLFNHQ6LHGRSSHOWDXIGLH.DWHJRULH(5:(,7(57XPGHUHQ8QWHUPHQ DXI]XNODSSHQ 6HOHNWLHUHQ6LHGLH.DWHJRULH6&5,376 3/8*,16 $NWLYLHUHQ6LHLP%HUHLFK$.7,9,(5(-$9$6&5,37)h5GLH2SWLRQ1$9,*$725 $FKWHQ6LHGDUDXIGDVVLP%HUHLFKDOOH2SWLRQHQPDUNLHUWVLQG hehuqhkphq6lhglh(lqvwhooxqjhqgxufk%hwlwljhqghu6fkdowiolfkh2.

9 Einführung in JavaScript 3 Opera 7.0 6WDUWHQ6LH2SHUD :lkohq6lhghq0hq SXQNW'$7(,(,167(//81*(1 6HOHNWLHUHQ6LHGHQ%HUHLFK08/7,0(',$ $NWLYLHUHQ6LHGDV.RQWUROOIHOG-$9$6&5,37$.7,9,(5(1 %HVWlWLJHQ6LH,KUH(LQVWHOOXQJHQGXUFK%HWlWLJHQYRQ2. $XIJUXQG DXIGULQJOLFKHU :HUEHIHQVWHU 3RSXSV DXI :HEVHLWHQ GHDNWLYLHUHQ HLQLJH 1XW]HU GLH )lkljnhlwlkuhv%urzvhuv1xw]hq6lhghvkdoelpphuxp,kuh:hevhlwhi UHLQHQ%HQXW]HUDWWUDNWL YHU]XPDFKHQXQGQLFKWXPLKQPLW,QKDOWHQ]XNRQIURQWLHUHQGLHHUQRUPDOHUZHLVHQLFKWDXI,KUHU:HEVHLWH HUZDUWHW'LHVHUK KWLQ=XNXQIWZHLWHUGLH$N]HSWDQ]YRQ 3.6 JavaScript-Aktivierung im Browser testen 1DFKGHP$NWLYLHUHQYRQVROOWHQ6LHGLHNRUUHNWH)XQNWLRQVZHLVHSU IHQ(UVWHOOHQ6LHHLQ+70/ 'RNXPHQWGDVHLQH$QZHLVXQJDXVI KUW'LH(UOlXWHUXQJGHUJHQDXHQ)XQNWLRQVZHLVHLVWLQGLH VHP0RPHQWQLFKWYRQ,QWHUHVVH'LHVZLUGLPZHLWHUHQ9HUODXIGHU8QWHUODJHDXVI KUOLFKHUOlXWHUW Notizen

10 3 JavaScript Grundlagen Beispiel: test.htm *HEHQ6LHGHQIROJHQGHQ4XHOOFRGHLQHLQHP7H[WHGLWRUHLQXQGVSHLFKHUQ6LHLKQLQGHU'DWHLWHVWKWP1DFK GHPgIIQHQGHV+70/'RNXPHQWVLQ,KUHP%URZVHUVROOWHVLFKHLQ3RSXS)HQVWHU IIQHQ <html> <head> <title>der erste JavaScript-Test</title> </head> <body> <script type="text/javascript">  </script> </body> </html> 'DV*UXQGJHU VWHLQHV+70/'RNXPHQWVZLUGHLQJHOHLWHW 'HP%URZVHUZLUG EHUGLH$QZHLVXQJ<scripttype="text/javascript">PLWJHWHLOWGDVVGLH$Q ZHLVXQJHQGHUYHUZHQGHWHQ6NULSWVSUDFKHDOV]XLQWHUSUHWLHUHQVLQG 'LH)XQNWLRQalert()]HLJWHLQ0HOGXQJVIHQVWHUDQ$OV7H[WZLUGGLHDQJHJHEHQH=HLFKHQ NHWWHHLQJHEOHQGHW 0LWGHPVFKOLH HQGHQ7DJ</script>ZLUGGHU7HLOEHHQGHW 3.7 Interessante Webseiten 'LHDQJHJHEHQHQ85/VVLQGYRP6WDQG$XJXVW KWWSGHYHGJHQHWVFDSHFRPOLEUDU\PDQXDOV 6SH]LILNDWLRQHQJOLVFK MDYDVFULSWJXLGH KWWSVHOIKWPOWHDPRQHGHMDYDVFULSWLQGH[KWP (LQI KUXQJLQGHXWVFK KWWSZZZGUZHEGH KWWSZZZMDYDVFULSWZRUOGGH KWWSZZZMVZHOWGH 3.8 Übung,QIRUPDWLRQHQ]X+70/&66.OHLQH/LQNVDPPOXQJ 8PIDQJUHLFKH6DPPOXQJ :DVLVWGHU8QWHUVFKLHG]ZLVFKHQGHP,QWHUQHWXQGGHP:::" :RZHUGHQ$QZHLVXQJHQDXVJHI KUW" (UNOlUHQ6LHGLH8QWHUVFKLHGHGHU6NULSW6SUDFKHQ9%6FULSW-6FULSW-DYDXQG =lkohq6lhhlqljhghup JOLFKHQ(LQVDW]JHELHWHYRQDXI

11 Einführung in JavaScript 3 Notizen