[SIZE="5"]Javascrip Guide[/SIZE]
Manches ist Copy/Paste und manche von mir weil das wirklich schwer ist zu erklären und ziemlich viel ist. Deswegen hier mal das wichtigste.
Einbettung in ein HTML-Dokument
Um ein Javascript in HTML einzubinden muss das so aussehen,
d.h. immer am angfang von eurem Scripte muss das stehen!!!
[FELD="Als 1."]
<script language=Java Script“>...... </script>[/FELD]
Die zwischen den beiden Tags stehenden Anweisungen werden vom Browser als Programm interpretiert. Browser, die Javaskript nicht interpretieren können, ignorieren in der Regel diese beiden Tags; sicherheitshalber sollten die dazwischenliegenden Anw
eisungen in HTML-Kommentar-Tags eingeschlossen werden!
Der Befehl für Textausgaben lautet
[FELD="2."]document.write(“Ein Text, der mit JAVA geschrieben wurde“);[/FELD]
Insgesamt würde das Script also wie folgt aussehen:
[FELD="3."]
<script language=JavaScript“> <!-- document.write (“Ein Text, der mit JAVA-Script geschrieben wurde“) //--> </script>[/FELD]
Dabei muß das Ende des HTML-Kommentar-Tags als JAVA-Kommentar markiert werden!
Auch HTML-Tags werden innerhalb des Java-Scripts akzeptiert. Das Ergebnis ist:
Ein Text, der mit JAVA-Script geschrieben wurde.
Oder aber:
Ein Text, der mit JAVA-Script geschrieben wurde.
Das zum zweiten Beispiel gehörende Skript sieht so aus:
[FELD="4."]<SCRIPT LANGUAGE="JavaScript"> <!-- document.write("Ein Text, der mit <FONT SIZE=+2 COLOR=#ff0000> JAVA-Script</FONT> geschrieben wurde.") // --> </SCRIPT>[/FELD]
Text kann mit Java-Script auch in der Status-Zeile des Browsers ausgegeben werden. Dies geschieht mit dem ff. Befehl:
[FELD="5."]window.status ("Hier wird mit JAVA-Script gearbeitet")[/FELD]
Arbeiten mit Variablen
Variable können Zeichenketten oder Zahlen enthalten: Eine Addition in JAVA-Script:
Die Summe von 17 und 13 ist 30
Für die Ergebnisausgabe gilt dieselbe Syntax wie für ´writeln´ in Turbo-Pascal. Das zugehörige JAVA-Script sieht folgendermaßen aus:
[FELD="6."]<SCRIPT LANGUAGE="JavaScript"> <!-- summand_a=17 summand_b=13 summe=summand_a+summand_b document.write("Die Summe von ",summand_a, " und " ,summand_b," ist ", summe) // --> </SCRIPT>[/FELD]
Sollen den Variablen Zeichenketten zugewiesen werden, so müssen diese in Anführungszeichen eingeschlossen werden: Die gewünschte Nummer ist 0611-111111 Das zugehörige JAVA-Script:
[FELD="7."]<SCRIPT LANGUAGE="JavaScript"> <!-- vorwahl ="0611" anschluss="111111" telnr=vorwahl+"-"+anschluss document.write("Die gewünschte Nummer ist ",telnr) // --> </SCRIPT>
[/FELD]
Das Quadrat von 6 ist 36 Das zugehörige Skript:
Noch ein Beispiel:
[FELD="8."]<SCRIPT LANGUAGE="JavaScript"> <!-- zahl =6 document.write("Das Quadrat von ",zahl, " ist ") zahl=zahl*zahl document.write(zahl) // --> </SCRIPT>
[/FELD]
Mit document.write(<BR>)
werden Zeilenumbrüche getätigt.
Objekte, Methoden, Eigenschaften
Die einzelnen Komponenten einer HTML-Seite sind Objekte fürJAVA-Script. Zum Verständnis des Begriffs Objekt kann man ein Auto betrachten:
Objekte besitzen Eigenschaften (Auto: Typ, Farbe, Anzahl der Gänge, ...). Funktionen, die mit einer Klasse von Objekten verknüpft sind, werden Methoden genannt (Auto: höheren/ niedrigeren Gang einlegen,..). Wird eine Funktion als Methode eines Objekts definiert, so wird sofort erkennbar, mit welchem Objekt sie arbeitet. Eigenschaften und Methoden von Objekten stehen - durch Punkte getrennt - nach dem Objekt.
[FELD="9."](Auto:
* mein_wagen.typ = Golf Eigenschaften sind veränderlich und können daher auch den aktuellen Zustand des Objekts beschreiben (Auto: mein_wagen.aktueller_gang = 4).Dieser Zustand wird durch den Aufruf einer Methode verändert (Auto: mein_wagen.hochschalten() ). In JAVA-Script gibt es String-Objekte (Zeichenketten), Math-Objekte (math. Funktionen) und Date-Objekte (Zeit- und Datumsfunktionen), eigene Objekte lassen sich mit der new-Anweisung definieren. A: Das DATE-Objekt HEUTE: Sat May 23 2009 00:33:42 GMT+0200 TAG: 23 WOCHENTAG: Samstag oder auch: Heute ist Samstag, der 23. 5. 109
* mein_wagen.farbe = weiß
* mein_wagen.anzahl_gaenge = 6)[/FELD]
BEISPIEL: (Dein Rechner muss natürlich richtig eingestellt sein!)
MONAT: 5
JAHR: 109
[FELD="10."]<SCRIPT LANGUAGE="JavaScript"> <!-- heute=new Date() uhrzeit=heute.getHours() datum=heute.getDate() monat=heute.getMonth()+1 jahr=heute.getYear()+00 wochentag=heute.getDay() document.write("HEUTE: ",heute);document.write("<br>");document.write("<br>") document.write("TAG: ",datum);document.write("<br>"); document.write("MONAT: ",monat);document.write("<br>"); document.write("JAHR: ",jahr);document.write("<br>");document.write("<br>") document.write("WOCHENTAG: ") if (wochentag==0) document.write("Sonntag") if (wochentag==1) document.write("Montag ") if (wochentag==2) document.write("Dienstag") if (wochentag==3) document.write("Mittwoch") if (wochentag==4) document.write("Donnerstag") if (wochentag==5) document.write("Freitag") if (wochentag==6) document.write("Samstag") document.write("<br><br> oder auch: <br><br>") if (wochentag==0) document.write("Heute ist Sonntag, der ",datum,". ",monat,". ",jahr) if (wochentag==1) document.write("Heute ist Montag, der ",datum,". ",monat,". ",jahr) if (wochentag==2) document.write("Heute ist Dienstag, der ",datum,". ",monat,". ",jahr) if (wochentag==3) document.write("Heute ist Mittwoch, der ",datum,". ",monat,". ",jahr) if (wochentag==4) document.write("Heute ist Donnerstag, der ",datum,". ",monat,". ",jahr) if (wochentag==5) document.write("Heute ist Freitag, der ",datum,". ",monat,". ",jahr) if (wochentag==6) document.write("Heute ist Samstag, der ",datum,". ",monat,". ",jahr) // --> </SCRIPT>[/FELD]
Auch wens etwas unübersichtlich ist. ist hier der Link wo ihr es am besten lernen könnt !!![FELD="Link/quelle/Guide"]JavaScript Link!!![/FELD]
Mfg
Gotenk666