.%: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
INHALTSVERZEICHNIS 1 Arbeiten mit dieser Unterlage...6 1.1 Was Sie wissen sollten... 6 1.2 Verwendete Programme... 7 2 HTML-Grundlagen...8 2.1 HTML, die Sprache im Web... 8 2.2 Verwendung von Tags... 9 2.3 HTML-Grundgerüst... 9 2.4 Sonderzeichen... 10 2.5 Formatierungen... 11 2.5.1 Absätze, ÜberschriftenÃund Zeilenumbrüche... 11 2.5.2 Zeichenformatierung... 12 2.6 Attribute und Werte... 13 2.7 Farben... 14 2.8 Kommentare... 14 2.9 Listen... 14 2.9.1 Auflistung... 15 2.9.2 Nummerierte Aufzählung... 15 2.9.3 Definitionslisten... 17 2.10 Hyperlinks... 18 2.11 Seitenformatierung und -aufteilung... 20 2.11.1 Tabellen dienen der Übersichtlichkeit... 20 2.11.2 Seitenaufteilung mit Frames... 23 2.12 Grafiken einbinden... 26 2.13 Formulare zur Dateneingabe... 28 2.13.1 Formulardefinition... 29 2.13.2 Einzeilige Eingabefelder... 30 2.13.3 Mehrzeilige Eingabefelder... 31 2.13.4 Auswahllisten... 32 2.13.5 Kontrollfelder... 33 2.13.6 Optionsfelder... 34 2.13.7 Grafische Schaltflächen... 35 2.14 Übung... 35 3 Einführung in JavaScript...36 3.1 Entstehung von JavaScript... 36 3.2 Eigenschaften von JavaScript... 36 3.3 JavaScript-Versionen... 38 3.4 JavaScript, JScript, VBScript und Java... 39 3.5 JavaScript im Browser aktivieren... 40 3.6 JavaScript-Aktivierung im Browser testen... 41 3.7 Interessante Webseiten... 42 3.8 Übung... 42 4 Grundlegende Sprachelemente...44 4.1 JavaScript in HTML verwenden... 44 4.1.1 JavaScript einbinden... 44 4.1.2 JavaScript für nicht scriptfähige Browser... 47 4.1.3 Ausführungsreihenfolge... 48 4.2 Allgemeine Notationsregeln... 48 4.2.1 Anweisungen... 48 4.2.2 Kommentare... 49 4.3 Reservierte Wörter... 50 4.4 Bezeichner... 50 JavaScript 1.5 - Grundlagen 4.5 Variablen... 50 4.6 Konstanten... 52 4.7 Datentypen... 52 4.7.1 Zahlen...52 4.7.2 Zeichenketten...53 4.7.3 Boolesche Werte (Wahrheitswerte)...54 4.7.4 Objekte...55 4.8 Operatoren... 55 4.8.1 Arithmetische Operatoren...55 4.8.2 Vergleichsoperatoren...57 4.8.3 Verknüpfungsoperator...58 4.8.4 Logische Operatoren...58 4.8.5 Bit-Operatoren...59 4.8.6 Zuweisungsoperatoren...60 4.8.7 Andere Operatoren...61 4.9 Rangfolge der Operatoren... 62 4.10 Übung... 63 5 Kontrollstrukturen...64 5.1 Steuerung des Programmablaufs... 64 5.2 Anweisungsblock... 64 5.3 Auswahl... 65 5.3.1 if-anweisung...65 5.3.2 Verschachtelte if-anweisungen...66 5.3.3 if-else-anweisung...67 5.3.4 Mehrstufige if-else-anweisungen...67 5.3.5 Mehrseitige Bedingung...68 5.4 Wiederholung... 69 5.4.1 Zählergesteuerte Wiederholung...70 5.4.2 Kopfgesteuerte Wiederholung...71 5.4.3 Fußgesteuerte Wiederholung...72 5.4.4 Schleifensteuerung...73 5.5 Übung... 75 6 Funktionen...76 6.1 Grundlagen... 76 6.2 Lokale und globale Variablen... 81 6.3 Vordefinierte Funktionen in JavaScript... 82 6.4 Debuggen von Funktionen... 84 6.4.1 Netscape JavaScript-Konsole...84 6.4.2 Venkman-Debugger...85 6.4.3 Fehlermeldungen im Internet Explorer...86 6.4.4 Typische Fehler: Zuweisung oder Vergleich?...86 6.4.5 Typische Fehler: groß oder klein?...87 6.5 Übung... 87 7 Objekte...88 7.1 Grundlagen... 88 7.1.1 Erstellen der Objektdefinition über eine Konstruktor-Funktion...88 7.1.2 Erstellen der Objektdefinition über einen Objektinitialisierer...89 7.2 Eigenschaften... 89 7.3 Methoden... 94 7.4 Anweisungen und Operatoren für Objekte... 98 7.5 Übung... 100
Inhaltsverzeichnis 8 Vordefinierte Objekte...102 8.1 Grundlagen...102 8.2 Objekt String für Zeichenketten...102 8.3 Objekt Math für mathematische Berechnungen...104 8.3.1 Mathematische Konstanten...104 8.3.2 Mathematische Funktionen...105 8.4 Objekt Number für Zahlen...106 8.5 Objekt Array für Variablenlisten...107 8.6 Objekt Date für Zeitangaben...110 8.7 Objekt RegExp für reguläre Ausdrücke...114 8.7.1 Aufbau eines regulären Ausdrucks...114 8.7.2 Instanzen aus regulären Ausdrücken erzeugen...114 8.7.3 Metazeichen...115 8.7.4 Methoden...116 8.7.5 Eigenschaften von RegExp...118 8.7.6 Reguläre Ausdrücke im String- Objekt...118 8.8 Übung...119 9 Objektmodell...120 9.1 Grundlagen...120 9.2 Objekt navigator...120 9.3 Objekt window...122 9.3.1 Statusanzeige...123 9.3.2 Vorheriges Dokument aufrufen...124 9.3.3 Fenster öffnen und schließen...124 9.3.4 Zeitgeber verwenden...126 9.3.5 Interaktionen...127 9.4 Objekt screen...130 9.5 Objekt document...132 9.5.1 Eigenschaften...132 9.5.2 HTML-Elemente als Objekte von document...133 9.6 Objekt history...134 9.7 Objekt location...135 9.8 Objekt frames...136 9.9 Objekt event...140 9.9.1 Netscape Navigator...140 9.9.2 Internet Explorer...141 9.9.3 Maustasten überwachen...142 9.9.4 ASCII-Codes betätigter Tasten ausgeben...143 9.10 Übung...144 10 Zugriff auf HTML-Dokumente...146 10.1 Grundlagen...146 10.2 Unterobjekt anchors...147 10.3 Unterobjekt applets...147 10.4 Unterobjekt forms...147 10.4.1 Formular...148 10.4.2 Eingabefelder...149 10.4.3 Kontroll- und Optionsfelder... 149 10.4.4 Auswahllisten... 150 10.4.5 Versteckte Felder... 152 10.4.6 Schaltflächen... 152 10.4.7 Eingabefelder überprüfen... 152 10.4.8 Verschiedene Formulare... 155 10.5 Unterobjekt images...156 10.6 Unterobjekt links...160 10.7 Übung...161 11 Event-Handler...162 11.1 Grundlagen...162 11.2 Auf Ereignisse reagieren...162 11.2.1 Eine Webseite laden und verlassen... 164 11.2.2 Ereignisse bei Grafiken, Links und Ankern... 165 11.2.3 Ereignisse im Formular... 167 11.2.4 Event-Handler onclick... 169 11.2.5 Formulareingaben testen... 170 11.3 javascript:...174 11.4 Übung...175 12 Cookies...176 12.1 Grundlagen...176 12.2 Cookies setzen...177 12.3 Inhalt eines Cookies...179 12.4 Cookies auslesen...181 12.5 Cookies löschen...182 12.6 Verfallsdatum angeben...183 12.7 Übung...185 13 Komplexe Techniken...186 13.1 Einführung...186 13.2 JavaScript und Shockwave/Flash...186 13.2.1 Flash in eine Webseite einbinden... 187 13.2.2 JavaScript steuert Shockwave/Flash... 188 13.2.3 Shockwave steuert JavaScript... 190 13.3 DOM - Document Object Model...192 14 Beispielanwendungen...196 14.1 Würfel mit grafischer Ausgabe...196 14.2 Zwei Frames gleichzeitig ändern...197 14.3 Erzeugen eines Lauflichts...199 14.4 Nachrichtenticker...200 14.5 Memory-Spiel...202 15 Anhang...210 15.1 Schnellreferenz...210 15.2 Übersichten der Objektmodelle...211 15.3 Informationen im Internet...214 15.4 Glossar...216 Stichwortverzeichnis...218 I
3 JavaScript 1.5 - 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
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"> <!-- JavaScript-Anweisungen --> </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
3 JavaScript 1.5 - 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
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'20 3.4 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
3 JavaScript 1.5 - 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.
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
3 JavaScript 1.5 - 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"> <!-- alert('glückwunsch! JavaScript ist in Ihrem Browser aktiviert.'); //--> </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
Einführung in JavaScript 3 Notizen