web:javascript:start
Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende Überarbeitung | ||
web:javascript:start [2015/10/15 10:44] – ros | web:javascript:start [2020/10/13 14:25] (aktuell) – Externe Bearbeitung 127.0.0.1 | ||
---|---|---|---|
Zeile 18: | Zeile 18: | ||
* Mit dem Strichpunkt '';'' | * Mit dem Strichpunkt '';'' | ||
* **Achtung: | * **Achtung: | ||
+ | |||
+ | <WRAP download> | ||
+ | == jQuery == | ||
+ | Für die folgenden Beispiele wird die jQuery-Bibliothek benötigt. Diese kann hier heruntergeladen werden. | ||
+ | |||
+ | [[http:// | ||
+ | </ | ||
===== Einbindung in HTML ===== | ===== Einbindung in HTML ===== | ||
Wie bei CSS kann Javascript direkt in eine HTML-Datei eingefügt werden oder in einer separaten Datei gespeichert werden. | Wie bei CSS kann Javascript direkt in eine HTML-Datei eingefügt werden oder in einer separaten Datei gespeichert werden. | ||
+ | |||
+ | ==== In einer eigenen JS-Datei ==== | ||
+ | |||
+ | Häufig wird vordefinierter JavaScript-Code verwendet. Dieser ist als JS-Datei erhältlich und wird in die HTML-Datei eingebunden, | ||
+ | |||
+ | Mit dem folgenden HTML-Code wird die JavaScript-Datei '' | ||
+ | |||
+ | <code html> | ||
+ | <script type=" | ||
+ | </ | ||
==== Direkt in der HTML-Datei ==== | ==== Direkt in der HTML-Datei ==== | ||
Zeile 31: | Zeile 48: | ||
Inhalt der Website | Inhalt der Website | ||
<script type=" | <script type=" | ||
- | | + | |
</ | </ | ||
</ | </ | ||
</ | </ | ||
- | ==== In einer eigenen JS-Datei | + | ===== Auf Ereignisse reagieren ===== |
- | Häufig wird vordefinierter JavaScript-Code verwendet. Dieser ist als JS-Datei erhältlich und wird in die HTML-Datei eingebunden, | + | Befehle, |
- | Mit dem folgenden HTML-Code | + | Hier wird eine Funktion mit dem Namen '' |
- | < | + | < |
- | <script type=" | + | function changeContent() { |
+ | $(' | ||
+ | } | ||
+ | </code> | ||
+ | |||
+ | **Achtung: | ||
+ | |||
+ | Mit dem jQuery-Befehl '' | ||
+ | |||
+ | <code javascript> | ||
+ | $(' | ||
</ | </ | ||
===== jQuery-Befehle ===== | ===== jQuery-Befehle ===== | ||
+ | |||
+ | ==== HTML Ändern ==== | ||
^ Befehl ^ Beschreibung ^ Beispiel ^ | ^ Befehl ^ Beschreibung ^ Beispiel ^ | ||
- | | '' | + | | '' |
+ | | '' | ||
+ | | '' | ||
+ | | '' | ||
+ | |||
+ | ==== Animationen ==== | ||
+ | |||
+ | ^ Befehl ^ Beschreibung ^ Beispiel ^ | ||
+ | | '' | ||
+ | | '' | ||
+ | | '' | ||
+ | | '' | ||
+ | | '' | ||
+ | | '' | ||
+ | |||
+ | ==== Ereignisse ==== | ||
+ | |||
+ | ^ Befehl ^ Beschreibung ^ Beispiel ^ | ||
+ | | '' | ||
+ | | '' | ||
+ | |||
+ | ==== Zeitsteuerung ==== | ||
+ | |||
+ | Mit '' | ||
+ | |||
+ | <code javascript> | ||
+ | function doSomething() { | ||
+ | } | ||
+ | |||
+ | setTimeout(doSomething, | ||
+ | </ | ||
+ | |||
+ | Mit '' | ||
+ | |||
+ | <code javascript> | ||
+ | function doSomething() { | ||
+ | } | ||
+ | |||
+ | setInterval(doSomething, | ||
+ | </ | ||
+ | |||
+ | |||
+ | ===== Links ===== | ||
+ | |||
+ | * [[https:// | ||
web/javascript/start.1444898693.txt.gz · Zuletzt geändert: 2020/10/13 14:25 (Externe Bearbeitung)