JavaScript und PHP-Merkhilfe David Vajda 10. November 2016 1 JavaScript 1. Einbinden von JavaScript in das HTML-Dokument <script> </script> <script> </script> <html> <head> <tilte> </title> <script> </script> </head> <body> </body> </html> <html> <head> <tilte> </title> <script> alert("hallo Welt!"); window.document.write("innerhalb des HTML-Dokuments"); </script> </head> <body> </body> </html> 2. Verwendung von Variablen (a) Deklaration und Definition von Variablen var x; var y; var z; var a; var b; var c; var str; var x1, x2; var y1, y2; 1
(b) Initialisierung von Variablen und Wertzuweisung var x = 0; var y = 2; var z = 8; var a = 10; var b = 20; var c = 30; var str = "hallo welt"; var str1 = "Noch Mal Hallo Welt"; var str2 = "Wirklich Hallo Welt"; var str3 = "Hier ist eine Zeichenkette"; var x1 = 1, y = 4; (c) Zuweisung im Quelltext a = 10; b = 20; c = 30; (d) Definition von Arrays var a = new Array(7); var a1 = new Array(8); var a2 = new Array(5); var a3 = new Array(6); (e) Zeichenkette var str = "Hallo Welt!"; var str2 = "Noch eine Meldung"; var str3; var str4; str3 = "Super Sache"; str4 = "Ein weitere String"; 3. Ein und Ausgabefunktionen (a) window.document.write("zeichenkette"); (b) alert("hallo Welt"); (c) window.prompt("msg", "Default"); window.document.write("<p>innerhalb des HTML-Codes<p>"); document.write("hallo"); window.prompt("meldungstext", "Vorgabe"); window.prompt("name1", "Vorgabe"); var a = window.prompt("sagen Sie lieber ja oder nein?", "Ja"); var b = window.prompt("sagen Sie lieber a oder b?", "b"); str = window.prompt("bitte geben Sie eine Zeichenkette ein!", "Zeichenkette ihrer Wahl str2 = window.prompt("sagen Sie schnell etwas", "Standard, Default"); 2
alert("super Sache!"); window.alert("hallo Welt!"); 4. Arithmetische Operationen (a) Zuweisung x = 4; a = 5; b = 10; x = y; a = b; c = d; var y = 10; var z = 101; y = 10*z; (b) Inkrement und Dekrement x++; x--; x += 5; x -= 4; x++; x--; ++x; --x; x+=y; x-=y; x=x+1; x=x-1; x = x+y; x = x-y; (c) Vergleiche a == b; c == d; x == y; a < b; a > b; a <= b; a >= b; a!= b; (d) Arithmetische Operationen a+b; a-b; a*b; a/b; a%b; 3
produkt = faktor1 * faktor2; x = y1*y2; y = a+b; (e) Boole sche Operatoren a && b; a c; 5. Werte und Datentypen (a) Boolsche Werte var b1 = true; var b2 = false; (b) Zahlen x = 9; x = 9.4; (c) Zeichenketten 6. Arrays var str1 = "Hallo Welt"; var str2 = "Noch Mal, Hallo Welt"; Array, normalerweise var a1 = new Array(10); a1[0] = 0; a1[1] = 1; a1[2] = 2; a1[3] = 3;... a1[9] = 10; var namen = new Array(20); name[0] = "David"; name[1] = "Margarete"; name[2] = "Luise"; name[3] = "Friedrich";... name[19] = "Theresa"; Länge eines Arrays array1.length; 7. Bedingte Anweisungen (a) if-else-if-else i. if if(a < b) alert("a ist kleiner B"); 4
if(x < y) { alert("a ist kleiner Y"); alert("das war klar"); ii. if-else-if if(a < b) { alert("a ist kleiner B"); alert("mehr ist dazu nicht zu sagen"); else if(a > b) { alert("a ist groesser B"); alert("das ist so"); iii. if-else-if-else if(x < y) { alert("x ist kleiner Y"); else { alert("x ist groeser oder gleich Y"); if(bedingung1) Anweisung1(); else if(bedingung2) Anweisung2(); else if(bedingung3) Anweisung3(); else if(bedingung4) Anweisung4(); else Anweisung5(); if(bedingung1) { Anweisung11(); Anweisung12(); Anweisung13(); else if(bedingung2) { Anweisung21(); Anweisung22();... else if(...) {... else { (b) switch und case switch(ausdruck) { case Wert1: case Wert2: case Wert3: case Wert4: default: 5
(c) while while(true) { while(i <= 20) { i = 0; while(i <= 20) { i++; (d) for for(i = 0; i < 20; i++) { 8. Nützliche Methoden isnan; x = isnan(5*7); Stringfunktionen (a) Länge eines Strings var s = "Hallo Welt"; l = s.length; (b) Ein Zeichen ermitteln str.charat(index); str.charat(0); str.charat(20); str.charat(9); s.charat(10); (c) Zeichenketten vernknüpfen str1 = "Hallo" + " Welt" + " wollten wir mal sagen"; (d) Zeichenketten mit Zahlen verknüpfen str = "Hallo" + " sage ich " + 7 + " Mal " + "," + 8 + " Mal haette genuegt"; (e) Zeichenkette zu Zahl machen x = parseint(str); 9. Funktionen definieren function func1(x1,x2) { return x1*x2; 6
2 PHP Wichtige Elemente: 1. Bedingte Anweisungen und Schleifen 2. Variablen 3. Operationen auf Variablen (zum Beispiel arithmetische) 4. Die Zusammenarbeit von PHP und HTML-Code 5. Funktionen zur Ausgabe in dem Dokument 6. Lesen und Schreiben von Dateien auf dem Server 1. Die Zusammenarbeit von PHP und HTML-Code PHP wird nicht in einer *.html-datei untergebracht, sondern in einer *.php-datei. HTML-Code kann innerhalb der PHP-Datei ausgeführt werden, das heißt, man mischt HTML Code unter den PHP Code und nicht umgekehrt. Ein PHP-Skript wird nur ausgeführt, wenn es in einer Datei mit Endung namens *.php ist. Anders wird das PHP-Skript gar nicht ausgeführt. Der Benutzer ruft im Browser die *.php-datei auf: http://www.davidvajda.de/chat2.php Das Skript wird eingeleitet und beendet mit <?php echo <br> Hallo Welt <br> ;?> <?php?> <?php...?> <?php...?> 2. Variablen: $var1; $var2; $var3; $var4 = 10; $var5 = 20; 3. Bedingte Anweisungen: if if-else switch 7
while if if(...) { if(...) { print "Hallo"; if($var1 < $var2) { print "hallo"; if($name == "Peter") { print "Der schon wieder"; else { print "Na, hallo, guten Tag!"; switch: switch($flag) { case "x": echo "Das ist richtig"; break; case "y"; echo "Das ist falsch"; break; default: echo "Na immerhin"; while $count = 1; while($count < 5) { echo "So ein Morgen"; $count++; for-schleife for($i = 0; $i < 10; $i++) { echo $i; 4. Operationen auf Variablen und Operatoren Arithmetische Operationen und Boolean 8
$var1 = $a*$b; $a++; $b += 12; AND OR Vergleichsoperationen $a == $b $a!= $b $a < $b 5. Funktionen zur Ausgabe: print echo print "Toll gesagt"; print "So ein Quatsch"; echo BlaBlaBla ; 6. Funktionen zum Datei schreiben und Datei lesen, auf dem Server (a) Datei schreiben: $str = "Hallo Welt"; file_put_contents("bsp.txt", $str); (b) Datei lesen: $str = file_get_contents("bsp.txt"); 9