Angepinnt [Guide] Javascript

    Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

    • [Guide] Javascript

      [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]


      Noch ein Beispiel:

      Das Quadrat von 6 ist 36

      Das zugehörige Skript:

      [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
      * mein_wagen.farbe = weiß
      * mein_wagen.anzahl_gaenge = 6)[/FELD]

      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
      BEISPIEL: (Dein Rechner muss natürlich richtig eingestellt sein!)

      HEUTE: Sat May 23 2009 00:33:42 GMT+0200

      TAG: 23
      MONAT: 5
      JAHR: 109

      WOCHENTAG: Samstag

      oder auch:

      Heute ist Samstag, der 23. 5. 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
    • Werbung zur Unterstützung des Forums ( Bitte AddBlocker deaktivieren )

    • [FONT="Comic Sans MS"][COLOR="MediumTurquoise"][SIZE="2"]Wo soll ich
      <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("<b r>") 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>

      hin schreiben das es kommt wie es sein soll ?
      [/SIZE][/COLOR][/FONT]
    • Sorry, aber das ist kein Guide noch ein Tutorial sondern etwas im Bereich "Ich brauch mal Thanks".
      Ich habe selber JavaScript gelernt, das via ein Buch und ich kanns immer noch nicht gaaaanz so gut aber immerhin bekomm ich das ein oder andere Script hin - was du da gepostet hast ist sogar an manchen Stellen falsch.

      <script language=JavaScript“>
      Allein schon an den Farben sieht man den Fehler, du hast ein abschließendes " aber kein Anfangs ".

      <!-- //-->
      Die HTML Kommentare im Scriptcode braucht eh' kein Mensch mehr, dies gehörte zu den Zeiten von Browsern bei denen von Haus aus kein Javascript mitgeliefert worden ist bzw. bei deaktivierung der ganze Javascript Code offen gezeigt worden ist.

      HTML Tags wie (i.d.F.) <script> schreibt man seit der neusten Generation klein, nicht Groß <SCRIPT> und besonders inaktzeptable ist ein Mischmasch.

      "Für die Ergebnisausgabe gilt dieselbe Syntax wie für ´writeln´ in Turbo-Pascal."
      Das erwähnst du erst viel später nagut, kein Kommentar.

      Dann der lange zusammengequetschte Code könnte gerade für deine Zielgruppe "Anfänger" viel übersichtlicher gestaltet sein.