Wie krieg ich das Script ins HTML?
|
|
Die meisten Scripts stehen selbst im Kopf oder Head-Bereich
einer HTML-Datei und werden dann im Body-Bereich (in der Seite,
die angezeigt wird) aufgerufen.
|
Drei andere Möglichkeiten
stehen ganz unten
|
Beispiel:
|
|
|
<html>
<head>
<title>Meine Seite</title>
|
Hier fangen an:
- das HTML-Dokument
- der Kopf.
- Dann kommt der Titel der Seite
|
|
<script language="JavaScript">
<!--
|
Und jetzt das Script, das auch mit "JavaScript1.0"
oder sonsteiner Versionsnummer bezeichnet werden kann.
Mit diesen 'Kommentar'-Zeichen <!--
wird das Script vor denjenigen Browsern "verborgen",
die das nicht können. Gewohnheitssache...
|
|
Hier kommt dann alles, was in dem Script so passieren soll.
|
|
function Irgendwas()
{
alert("Zum Beispiel!");
}
|
Da wird jetzt die Funktion Irgendwas gestartet:
function sagt, daß die Funktion
jetzt losgeht und Irgendwas hab
ich die Funktion genannt. Dazu noch die leeren Klammern (Muß
sein. Lernst du später!)
Innerhalb der geschweiften Klammern
{ } sind sämtliche JavaScript-Anweisungen
für diese Funktion. Was bei 'Alert' passiert, siehst
du unter [ Scripts / Einfache
Alertmeldung ].
|
|
-->
</script>
<head>
|
und hier endet:
- der Kommentarbereich
- das Script
- und der Kopfbereich
|
|
Alsdann kommt der Body von der HTML-Seite:
|
|
<body onLoad="Irgendwas">
Alles, was so auf deiner Seite so stehen soll, Tabellen und
so Zeug.
</body>
</html>
|
In dem Body-Tag wird die Funktion Irgendwas()
onLoad aufgerufen. Das heißt,
alles, was da in dem Script steht, wird gemacht, wenn die
Seite geladen wird.
|
| ^ top |
|
Es gibt einen Haufen Arten, so eine Funktion aufzurufen.
Die Dinger heißen Event-Handler, hier die wichtigsten:
|
|
onChange
|
bei erfolgter Änderung, zum Beispiel an Formularfeldern
|
|
onClick
|
beim Anklicken, zum Beispiel an Bildern oder Buttons
|
|
onError
|
im Fehlerfall. Sehr schön, damit kannst du
beispielsweise Fehlermeldungen unterdrücken!
|
|
onLoad
|
beim Laden einer Datei. Hatten wir ja schon.
|
|
onMouseout
|
beim Verlassen des Elements mit der Maus
|
|
onMouseover
|
beim Überfahren des Elements mit der Maus
|
|
onReset
|
beim Zurücksetzen des Formulars
|
|
onSubmit
|
beim Absenden des Formulars
|
|
onUnload
|
beim Verlassen der Datei. So entstehen die häßlichen
PopUps, wenn du eine Seite schliesst oder woanders hingehst.
|
|
javascript:
|
(bei Verweisen) Auch noch eine wichtige Form,
ein Script aufzurufen: <a href="javascript:TuDas()">
Der Link </a>
|
Drei andere Möglichkeiten: |
^ top |
|
Das Script steht direkt da auf der Seite, wo es auch ausgeführt
wird, z. B. bei [
Datenermitteln ]. Oder die JS-Anweisung steht direkt
im Link wie bei einem Fenster-Schließen-Button.
|
|
<a href="javascript:self.close()">
Fenster schließen</a>
|
|
|
Und das Script kann in einer externen Datei stehen (die erstellst
du in einem Texteditor) und wird dann so im Head aufgerufen:
|
|
<script language="JavaScript" src="MeinScript.js"
type="text/javascript">
|
Die Datei "MeinScript.js" enthält dann alle
Scriptbestandteile, die sonst zwischen <script>
und </script> stehen.
|
|
Sinnvoll, wenn das Script von mehreren Seiten verwendet wird.
|
| |
^ top |
